<form> 태그는 웹 페이지에서의 입력 양식을 의미합니다. 로그인 창이나, 회원가입 폼 등이 이에 해당됩니다. 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달되어 정보를 처리하게 됩니다. <form> 동작 방법
<form>요소는 다음 양식 요소 중 하나 이상을 포함할 수 있습니다 .
- <input>
- <textarea>
- <button>
- <select>
- <option>
- <optgroup>
- <fieldset>
- <label>
- <output>
- 사용자 인터페이스(UI) 요소의 라벨(label)을 정의할 때 사용합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>The form element</h1>
<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
</form>
<p>Click the "Submit" button and the form-data will be sent to a page on the
server called "action_page.php".</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>여러분의 나이대를 골라보세요</h3>
<form action="/action_page.php">
<input type="radio" name="ages" id="teen" value="teenage">
<label for="teen">10대</label><br>
<input type="radio" name="ages" id="twenty" value="twenties">
<label for="twenty">20대</label><br>
<input type="radio" name="ages" id="thirty" value="thirties">
<label for="thirty">30대</label><br>
<input type="radio" name="ages" id="forty" value="forties">
<label for="forty">40대 이상</label><br>
<input type="submit" value="Submit">
</form>
<p>Click the "Submit" button and the form-data will be sent to a page on the
server called "action_page.php".</p>
</body>
</html>
Rule 체크 프로그램
1. Rule 체크 해야 하는 부품의 타입을 선택 합니다.
모델의 타입별로 Rule 체크 합니다. 모델의 구분은 Parameter로 구별을 합니다.
Parameter 이름은 "MANUFACTURING_CLASS (가공 방법)" "MODEL_TYPE"로 정의 합니다.
| Parameter | Parameter Value | Parameter | Parameter Value |
| MODEL_TYP | housing | MANUFACTURING_CLASS | Mold |
| tpa | Press | ||
| terminal | Weld | ||
| plate | |||
| lever | |||
| seal |
가공 방법에 따른 Rule 체크 프로그램을 개발 합니다
제품 타입에 따른 Rule 체크 프로그램을 개발 합니다.
Rule 체크를 한 내용은 데이터 베이스에 저장 됩니다. 데이터 베이스에 저장된 내용은 분석 하거나, 그래프로 표시 합니다. 또한 %로 점수를 매겨 모델의 상태를 표시합니다. 예) 점검 결과 95%
2-1. Rule 체크 방법 - Parameter 체크 기능
[ 관리자 프로그램 ]
| 번호 | Parameter | Parameter 사용 | Remark |
| 1 | PART_NO | ■ | 품번 |
| 2 | PART_NAME | ■ | 품명 |
| 3 | MODEL_WEIGHT | ■ | 모델 무게 |
| 4 | MATERIAL | ■ | 재질 이름 |
[ 사용자 프로그램 ]
- 필수 Parameter 를 점검 합니다.
[새로 고침 버튼]
| File Name | File Type | Parameter Name | Parameter Value | Remark |
| korea | prt | PART_NO | idt-100 | 품번 |
| PART_NAME | housing | 품명 | ||
| MODEL_WEIGHT | 300 | 모델 무게 | ||
| MATERIAL | cu | 재질 이름 |
Total Parameter 수량 : 00개, 입력된 Parameter 수량 : 00개 입력안된 Parameter 수량 : 00개
2-2. Rule 체크 방법 - 치수 값 체크
[ 관리자 프로그램 ]
| MODEL_TYPE | MANUFACTURING_CLASS | 체크 치수 항목 | Min | Max |
| housing | Mold | **** ***** ****** ****** | 30.5 | 40 |
| housing | Mold | **** ***** ****** ****** | 11 | 16 |
| tpa | Mold | **** ***** ****** ****** | 20 | 30.5 |
* 체크 해야할 치수의 위치를 나타내는 image를 표시 하는 기능 추가 필요. 이미지는 Pop-Up 창으로 크게 표시 가능 하록 합니다. 도면의 뷰를 이름을 추가 합니다 (예, Front View, Left View. Right View . . 등)
[ 사용자 프로그램 ]
| 번호 | View Name | 체크 치수 항목 | 치수 선택 | 이미지 | Min /Max | 결과 |
| 1 | Front View | **** ***** ****** ****** | [선택] | [이미지] | 30.5 / 40 | 통과 |
| 2 | Front View | **** ***** ****** ****** | [선택] | [이미지] | 11 / 16 | 통과 |
| 3 | Left View | **** ***** ****** ****** | [선택] | [이미지] | 20 / 30.5 | 점검 |
Total Dimension 점검 항목 : 00개, 입력된 Dimension 수량 : 00개 점검 Dimension 수량 : 00개
2-3. Rule 체크 방법 - 대화식 체크
[ 관리자 프로그램 ]
| MODEL_TYPE | MANUFACTURING_CLASS | 대화식 점검 항목 | YES | NO | CANCEL |
| housing | Mold | ***** ***** **** | |||
| housing | Mold | ***** ***** **** | |||
| tpa | Mold | ***** ***** **** |
* 체크 해야할 치수의 위치를 나타내는 image를 표시 하는 기능 추가 필요. 이미지는 Pop-Up 창으로 크게 표시 가능 하록 합니다.
[ 사용자 프로그램 ]
| 대화식 점검 항목 | 이미지 | 점검 선택 |
| ***** ***** **** | [이미지] | ○ YES ● NO ○ CANCEL |
| ***** ***** **** | [이미지] | ● YES ○ NO ○ CANCEL |
| ***** ***** **** | [이미지] | ● YES ○ NO ○ CANCEL |
Total 점검 항목 : 00개, YES: 00개 NO: 00개 CANCEL: 00개
'Creo korea 임시' 카테고리의 다른 글
| 연면거리(CREEPAGE DISTANCE) / 공간거리 (AIR CLEARANCE)? (0) | 2022.05.18 |
|---|---|
| Table Tag (0) | 2022.04.30 |
| CREO.JS -활성화된 파일 이름 얻기 (0) | 2022.04.13 |
| CREO.JS - HTML 태그 & 자바 스크립트 (0) | 2022.04.09 |
| 아파치 서버 설치 및 구성 하기 / HTML5 (0) | 2022.04.06 |
