예
세 개의 입력 필드가 HTML 양식; 두 개의 텍스트 필드와 하나의 버튼을 제출
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
»그것을 자신을 시도 정의 및 사용
<input> 태그는 사용자가 데이터를 입력 할 수있는 입력 필드를 지정한다.
<입력> 요소들은 내에서 사용되는 <form> 사용자가 데이터를 입력 할 수 입력 컨트롤을 선언 소자.
입력 필드에 따라 다양한 방식으로 변할 수 type 속성.
브라우저 지원
| 요소 | |||||
|---|---|---|---|---|---|
| <input> | 예 | 예 | 예 | 예 | 예 |
팁과주의 사항
참고 : <input> 요소가이 속성을 빈 만 포함되어 있습니다.
팁 : 사용 <label> 레이블을 정의하는 요소를 <input> 요소입니다.
HTML 4.01과 HTML5의 차이점
"align" 속성은 HTML5에서 지원되지 않습니다.
HTML5에서는 <input> 태그는 여러 가지 새로운 특성을 가지고 있으며, type 속성은 여러 가지 새로운 값이 있습니다.
HTML 및 XHTML의 차이점
HTML에서 <input> 태그는 끝 태그가 없습니다.
XHTML에서, <input> 태그는 제대로이 같은 닫아야합니다 <input /> .
속성
= HTML5의 새로운 기능.
| 속성 | 값 | 기술 |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type | (단에 서버가 허용하는 파일 형식 지정 type="file" ) |
| align | left right top middle bottom | HTML5에서 지원되지 않습니다. (단에 입력 된 화상의 배향 지정 type="image" ) |
| alt | text | (단지에 대한 이미지에 대한 대체 텍스트를 지정 type="image" ) |
| autocomplete | on off | 여부를 지정 <input> 요소가 자동 완성 활성화해야 |
| autofocus | autofocus | 하도록 지정 <input> 요소를 자동으로 얻을 때 페이지가로드를 집중해야 |
| checked | checked | 지정한다는 <input> 요소를 미리 선택해야 할 때 (에 대한 페이지가로드 type="checkbox" 또는 type="radio" ) |
| dirname | inputname.dir | 텍스트 방향이 제출되도록 지정 |
| disabled | disabled | 하도록 지정 <input> 요소를 사용하지 않아야합니다 |
| form | form_id | (가) 하나 이상의 형식 지정 <input> 요소가 속하는를 |
| formaction | URL | 양식이 제출 될 때 (에 대한 입력 컨트롤을 처리 할 파일의 URL 지정 type="submit" 과 type="image" ) |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | (의 서버에 제출할 때 양식 데이터를 인코딩 할 방법을 지정 type="submit" 과 type="image" ) |
| formmethod | get post | (의 액션 URL로 데이터를 전송하는 HTTP 메소드를 정의 type="submit" 과 type="image" ) |
| formnovalidate | formnovalidate | 제출시 양식 요소가 확인되지 않는 것을 정의 |
| formtarget | _blank _self _parent _top framename | 양식을 제출 한 후 수신 된 응답을 어디에 표시 지정 (대한 type="submit" 과 type="image" ) |
| height | pixels | 의 높이 지정 <input> 요소 (단지에 대한 type="image" ) |
| list | datalist_id | A를 참조 <datalist> 에 대해 미리 정의 된 옵션이 포함되어 요소 <input> 요소 |
| max | number date | 의 최대 값을 지정 <input> 요소 |
| maxlength | number | 최대 문자 수는 허용 지정 <input> 엘리먼트 |
| min | number date | 에 대한 최소 값을 지정 <input> 요소 |
| multiple | multiple | 사용자가 하나 이상의 값을 입력 할 수 있도록 지정 <input> 요소 |
| name | text | 의 이름을 지정 <input> 요소를 |
| pattern | regexp | 하는 정규 표현식 지정 <input> 요소의 값에 대해 확인을 |
| placeholder | text | 의 기대 값 설명하는 짧은 힌트 지정 <input> 요소를 |
| readonly | readonly | 입력 필드가되는 읽기 전용 지정 |
| required | required | 입력 필드가 양식을 제출하기 전에 작성해야 함을 지정합니다 |
| size | number | 의 문자 폭 지정 <input> 요소를 |
| src | URL | 이미지의 URL이 전송 버튼으로 사용하도록 지정 (전용에 대한 type="image" ) |
| step | number | 입력 필드에 대한 법적 번호 간격을 지정 |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | 유형 지정 <input> 요소가 표시 |
| value | text | 의 값 지정 <input> 요소를 |
| width | pixels | 의 폭 지정 <input> 요소 (단지에 대한 type="image" ) |
글로벌 속성
<input> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<input> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML 튜토리얼 : HTML 양식
HTML DOM 참조 :
- 입력 버튼 개체
- 입력 확인란 개체
- 입력 색상 개체
- 입력 날짜 개체
- 입력 날짜 시간 개체
- 입력 DatetimeLocal 개체
- 입력 이메일 개체
- 입력는 FileUpload 개체
- 입력 숨겨진 개체
- 입력 이미지 개체
- 입력 월 개체
- 입력 번호 개체
- 입력 비밀번호 개체
- 입력 범위 개체
- 입력 라디오 개체
- 입력 리셋 개체
- 입력 검색 개체
- 입력 개체를 제출
- 입력 텍스트 개체
- 입력 시간 개체
- 입력 URL 개체
- 입력 주 개체
기본 CSS 설정
없음.