HTML 태그는 사용자가 데이터를 입력할 수 있도록 하는 컨트롤인 입력 요소를 선언하기 위해 양식 내에서 사용됩니다.
다음은 속성입니다 -
| 속성 | 값 | 설명 |
|---|---|---|
| 동의 | 콘텐츠 유형 | 서버에서 허용하는 쉼표로 구분된 콘텐츠 유형 목록을 지정합니다. |
| 정렬 | 왼쪽 오른쪽 맨 위 가운데 맨 아래 | 사용 중단 - 콘텐츠의 정렬을 정의합니다. |
| alt | 텍스트 | 브라우저/사용자 에이전트가 입력 컨트롤을 렌더링할 수 없는 경우에 사용할 텍스트를 지정합니다. |
자동 완성  | 켜짐 끄다 | 요소에서 자동 완성을 활성화 또는 비활성화하도록 지정합니다. |
자동 초점  | 자동 초점 | 페이지가 로드될 때 요소가 자동으로 포커스를 받아야 함을 지정합니다. |
| 선택됨 | 선택됨 | type ="radio" 또는 type ="checkbox"인 경우 페이지가 로드될 때 이미 선택되어 있습니다. |
| 비활성화됨 | 비활성화됨 | 입력 컨트롤을 비활성화합니다. 버튼은 사용자의 변경 사항을 수락하지 않습니다. 또한 포커스를 받을 수 없으며 탭할 때 건너뜁니다. |
양식  | form_id | 하나 이상의 양식을 지정합니다. |
형성  | URL | 양식이 제출될 때 입력 컨트롤을 처리할 파일의 URL을 지정합니다. |
formenctype  | application/x-www-form-urlencoded 멀티파트/폼 데이터 텍스트/일반 | 서브에 제출할 때 양식 데이터를 인코딩하는 방법을 지정합니다. |
양식 메소드  | 게시물 가져 오기 | 작업 URL에 데이터를 보내기 위한 HTTP 메서드를 정의합니다. |
formnovalidate  | 양식 수정 | 제출 시 양식 요소의 유효성을 검사하지 않아야 함을 정의합니다. |
대상에서  | _blank _본인 _부모의 _맨 위 | 양식을 제출한 후 수신되는 응답이 표시될 대상을 지정합니다. |
높이  | 픽셀 | 높이 지정 |
목록  | datalist_id | 요소에 대해 미리 정의된 옵션을 포함하는 |
최대  | 자동 초점 | 최대값을 지정합니다. |
| 최대 길이 | 숫자 | 텍스트 필드에 허용되는 최대 문자 수를 정의합니다. |
최소  | 숫자 | 최소값 지정 |
다중  | 다중 | 사용자가 여러 값을 입력할 수 있음을 지정합니다. |
| 이름 | 텍스트 | 입력 컨트롤에 이름을 할당합니다. |
패턴  | 정규식 | 요소의 값이 검사되는 정규식을 지정합니다. |
자리 표시자  | 텍스트 | 예상 값을 설명하는 짧은 힌트를 지정합니다. |
| 읽기 전용 | 읽기 전용 | 입력 컨트롤을 읽기 전용으로 설정합니다. 사용자가 값을 변경할 수 없습니다. 그러나 컨트롤은 포커스를 받을 수 있으며 양식 컨트롤을 탭핑할 때 포함됩니다. |
필수  | 필수 | 양식을 제출하기 전에 입력 필드를 채워야 함을 지정합니다. |
| 크기 | 숫자 | 컨트롤의 너비를 지정합니다. type ="text" 또는 type ="password"인 경우 이는 문자 너비를 나타냅니다. 그렇지 않으면 픽셀 단위입니다. |
| src | URL | 표시할 이미지의 URL을 정의합니다. 유형 ="이미지"에만 사용됩니다. |
단계  | 숫자 | 입력 필드의 법적 숫자 간격을 지정합니다. |
| 유형 | 버튼 체크박스색상 날짜 날짜/시간 날짜/시간 로컬 이메일 파일 숨겨진 영상 월 번호 비밀번호 라디오 범위 초기화 검색 제출하다 전화 텍스트 시각 URL 주 | 컨트롤 유형을 지정합니다. |
| 값 | 텍스트 | 컨트롤의 초기 값을 지정합니다. type ="checkbox" 또는 type ="radio"인 경우 이 속성은 필수입니다. |
폭  | 픽셀 | 너비를 지정합니다. |
예시
HTML에서 요소를 구현하기 위해 다음 코드를 실행할 수 있습니다 −
<!DOCTYPE html> <html> <head> <title>HTML input Tag</title> </head> <body> <form action = "/cgi-bin/hello_get.cgi" method = "get"> First name: <input type = "text" name = "first_name" value = "" maxlength = "100" /> <br /> Last name: <input type = "text" name = "last_name" value = "" maxlength = "100" /> <input type = "submit" value = "Submit" /> </form> </body> </html>