HTML <INPUT> 태그
예
두 개의 텍스트 입력 상자를 포함하고 버튼을 제출 간단한 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="提交">
</form>
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
</form>
»시도
(페이지 하단 당신은 더 많은 예제를 볼 수 있습니다)
브라우저 지원
대부분의 브라우저는 <입력> 태그를 지원합니다.
태그 정의 및 지침
<입력> 태그는 사용자가 필드에 입력 데이터를 입력 할 수 지정한다.
<입력>는 <형태> 요소 요소 선언에 사용되는 사용자는 데이터 입력 컨트롤을 입력 할 수 있습니다.
입력 필드 유형 특성에 따라 다양한 방법으로 변경 될 수있다.
팁과주의 사항
참고 : <입력> 요소가 비어, 그것은 단지 태그 속성이 포함되어 있습니다.
팁 : 사용할 수있는 <레이블> 레이블 <입력> 요소 요소를 정의 할 수 있습니다.
HTML 4.01과 HTML5의 차이점
HTML 4.01, 데이터가 더 이상 사용되는 "정렬 없다". 이 속성은 HTML5에서 지원되지 않습니다. 당신은 CSS를 이용하여 <입력> 요소의 배향을 정의 할 수있다.
HTML5에서 <입력> 여러 속성을 추가하고 해당 값을 추가합니다.
HTML 및 XHTML의 차이점
HTML에서 <입력> 태그는 끝 태그가 없습니다.
XHTML에서 <입력> 태그가 제대로 닫아야합니다.
재산
새로운 기능 : HTML5의 새로운 태그입니다.
| 재산 | 값 | 기술 |
|---|---|---|
| 동의 | 오디오 / * 비디오 / * 이미지 / * MIME_TYPE | 형식은 문서를 제출 파일 업로드에 의해 지정합니다. (만 유형 = "파일") |
| 정렬 | 왼쪽에서 오른쪽 상단 중간 하단 | 사용되지 않는 HTML5는 사용되지 않습니다. 입력 화상의 소정의 배향. (만 유형 = "이미지") |
| 고도 | 본문 | 이미지 대체 텍스트 입력을 정의합니다. (만 유형 = "이미지") |
| 자동 완성 새 | 오프 | 자동 완성 속성을 사용하면 자동 완성 기능을 사용할지 여부는 <입력> 요소 입력 필드를 지정합니다. |
| 자동 초점 새로운 | 자동 초점 | 속성은 페이지가로드 <입력> 때 요소가 자동으로 포커스를 취득해야 지정합니다. |
| 확인 | 확인 | 페이지가로드가 <입력> 요소를 미리 선택해야 할 때 속성 검사 지정합니다. (만 유형 = "체크 박스"또는 유형 = "라디오") |
| 장애인 | 장애인 | 장애인 등록 규정은 <입력> 요소를 사용하지 않아야합니다. |
| 형성 의 새로운 | form_id | 형태는 하나 이상의 소속 형태 지정 <INPUT> 요소 때문이다. |
| formaction 새로운 | URL | URL 속성 때 양식 제출 입력 제어 처리를 지정한다. (만 유형 = "제출"을 = "이미지"를 입력) |
| formenctype 새로운 | 다중 / 폼 데이터 텍스트 / 일반을 application / x-www-form-urlencode되고 | 양식 (단지 유형 = "제출"을 = "이미지"를 입력) 데이터를 인코딩하는 방법을 서버에 전송 될 때 속성을 지정합니다. |
| formmethod 새로운 | 게시물을 얻을 | HTTP 메소드의 액션 URL 형태로 데이터를 전송 정의한다. (만 유형 = "제출"을 = "이미지"를 입력) |
| formnovalidate 새로운 | formnovalidate | formnovalidate 특성 재 지정 <형태> 요소의 NOVALIDATE 속성. |
| formtarget 새로운 | _blank _self _parent _top의 framename | 도시 소정의 양식을 제출 한 경우 수신 된 응답 이름 또는 키워드를 표시합니다. (만 유형 = "제출"을 = "이미지"를 입력) |
| 높이 새 | 픽셀 | 규정은 <입력> 요소의 높이를. (만 유형 = "이미지") |
| 목록 새 | datalist_id | 미리 정의 된 옵션 <입력> 요소를 포함하는 속성 참조 <DataList에> 요소. |
| MAX 새 | 수 날짜 | 속성은 <입력> 최대의 요소를 지정합니다. |
| 최대 길이 | 수 | 속성은 허용되는 문자의 <입력> 요소 최대 수를 지정합니다. |
| 분 새 | 수 날짜 | 속성은 최소의 <입력> 요소를 지정합니다. |
| 여러 새로운 | 배수 | 지정 속성 사용자가 여러 값 <입력> 요소를 입력 할 수 있습니다. |
| 이름 | 본문 | 이름 속성은 <입력> 요소의 이름을 지정합니다. |
| 패턴 새로운 | 정규 표현식 | 속성은 정규 표현식의 값의 <입력> 요소를 확인하는 데 사용 패턴을 지정합니다. |
| 자리 새로운 | 본문 | 플레이스 홀더 속성은 메시지 입력에 대한 간략한 설명을 제공한다 <입력> 필드는 기대 값이다. |
| 읽기 전용 | 읽기 전용 | 읽기 전용 속성은 입력 필드는 읽기 전용 지정합니다. |
| 필요한 새로운 | 필요 | 속성은 입력 필드가 양식을 제출하기 전에 기입해야합니다 지정합니다. |
| 크기 | 수 | 가시 폭 특성은 자 <INPUT> 요소의 수의 관점에서 크기를 지정한다. |
| SRC | URL | src 속성은 URL 이미지로 표시 버튼을 제출 지정합니다. (만 유형 = "이미지") |
| STEP 새로운 | 수 | 단계 속성은 합법적 인 디지털 <입력> 요소의 간격을 지정합니다. |
| 유형 | 단추 확인란 색 날짜 날짜 날짜 로컬 이메일 파일 숨겨진 영상 월 수 암호 라디오 범위 재설정 수색 제출 전화 본문 시간 URL 주 | <입력> type 속성은 표시 할 요소의 유형을 지정합니다. |
| 값 | 본문 | 값의 <입력> 요소 값을 지정합니다. |
| 폭 새로운 | 픽셀 | 속성은 폭 <입력> 요소의 너비를 지정합니다. (만 유형 = "이미지") |
전역 속성
<입력> 태그는 글로벌 속성, 속성 시트 완료보고 지원 HTML 글로벌 속성을 .
이벤트 등록
<입력> 태그는 모든 지원 HTML 이벤트 속성을 .