HTML <입력> 태그
예시
3개의 입력 필드가 있는 HTML 양식. 두 개의 텍스트 필드와 하나의 제출 버튼:
<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>
정의 및 사용
태그 는 <input>
사용자가 데이터를 입력할 수 있는 입력 필드를 지정합니다.
<input>
요소는 가장 중요한 양식 요소입니다 .
요소 는 <input>
유형 속성에 따라 여러 가지 방법으로 표시될 수 있습니다.
다양한 입력 유형은 다음과 같습니다.
<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text">
(기본값)<input type="time">
<input type="url">
<input type="week">
각 입력 유형에 대한 예를 보려면 type 속성을 살펴 보세요 !
팁 및 참고 사항
팁: 항상 <label> 태그를 사용하여
<input type="text">
, <input type="checkbox">
, <input type="radio">
, <input
type="file">
및 에 대한 레이블을 정의하십시오 <input type="password">
.
브라우저 지원
Element | |||||
---|---|---|---|---|---|
<input> | Yes | Yes | Yes | Yes | Yes |
속성
Attribute | Value | Description |
---|---|---|
accept | file_extension audio/* video/* image/* media_type |
Specifies a filter for what file types the user can pick from the file input dialog box (only for type="file") |
alt | text | Specifies an alternate text for images (only for type="image") |
autocomplete | on off |
Specifies whether an <input> element should have autocomplete enabled |
autofocus | autofocus | Specifies that an <input> element should automatically get focus when the page loads |
checked | checked | Specifies that an <input> element should be pre-selected when the page loads (for type="checkbox" or type="radio") |
dirname | inputname.dir | Specifies that the text direction will be submitted |
disabled | disabled | Specifies that an <input> element should be disabled |
form | form_id | Specifies the form the <input> element belongs to |
formaction | URL | Specifies the URL of the file that will process the input control when the form is submitted (for type="submit" and type="image") |
formenctype | application/x-www-form-urlencoded multipart/form-data text/plain |
Specifies how the form-data should be encoded when submitting it to the server (for type="submit" and type="image") |
formmethod | get post |
Defines the HTTP method for sending data to the action URL (for type="submit" and type="image") |
formnovalidate | formnovalidate | Defines that form elements should not be validated when submitted |
formtarget | _blank _self _parent _top framename |
Specifies where to display the response that is received after submitting the form (for type="submit" and type="image") |
height | pixels | Specifies the height of an <input> element (only for type="image") |
list | datalist_id | Refers to a <datalist> element that contains pre-defined options for an <input> element |
max | number date |
Specifies the maximum value for an <input> element |
maxlength | number | Specifies the maximum number of characters allowed in an <input> element |
min | number date |
Specifies a minimum value for an <input> element |
minlength | number | Specifies the minimum number of characters required in an <input> element |
multiple | multiple | Specifies that a user can enter more than one value in an <input> element |
name | text | Specifies the name of an <input> element |
pattern | regexp | Specifies a regular expression that an <input> element's value is checked against |
placeholder | text | Specifies a short hint that describes the expected value of an <input> element |
readonly | readonly | Specifies that an input field is read-only |
required | required | Specifies that an input field must be filled out before submitting the form |
size | number | Specifies the width, in characters, of an <input> element |
src | URL | Specifies the URL of the image to use as a submit button (only for type="image") |
step |
number any |
Specifies the interval between legal numbers in an input field |
type | button checkbox color date datetime-local file hidden image month number password radio range reset search submit tel text time url week |
Specifies the type <input> element to display |
value | text | Specifies the value of an <input> element |
width | pixels | Specifies the width of an <input> element (only for type="image") |
전역 속성
<input>
태그는 HTML의 전역 속성도 지원 합니다 .
이벤트 속성
<input>
태그는 HTML의 이벤트 속성 도 지원합니다 .
관련 페이지
HTML 튜토리얼:
HTML DOM 참조:
- 입력 버튼 개체
- 입력 확인란 개체
- 색상 개체 입력
- 날짜 개체 입력
- 날짜/시간 개체 입력
- DatetimeLocal 개체 입력
- 이메일 개체 입력
- 입력 FileUpload 개체
- 숨겨진 개체 입력
- 입력 이미지 개체
- 입력 월 개체
- 숫자 개체 입력
- 비밀번호 개체 입력
- 입력 범위 개체
- 입력 라디오 개체
- 입력 재설정 개체
- 검색 개체 입력
- 입력 제출 개체
- 입력 텍스트 개체
- 입력 시간 개체
- 입력 URL 개체
- 주 개체 입력
기본 CSS 설정
없음.