accept
file 입력 유형에만 유효합니다. accept 속성은 file 업로드 제어에서 선택할 수있는 파일 유형을 정의합니다. 파일 입력 유형을 참조하십시오.
alt
image 버튼에만 유효하며 alt 속성은 이미지에 대한 대체 텍스트를 제공하여 이미지 src가 누락되었거나로드에 실패한 경우 속성 값을 표시합니다. 이미지 입력 유형을 참조하십시오.
autocomplete
(부울 속성이 아닙니다!) autocomplete 속성은 값으로 사용됩니다. 입력이 제공해야하는 자동 완성 기능의 유형 (있는 경우)을 설명하는 공백으로 구분 된 문자열입니다. 일반적인 자동 완성 구현은 동일한 입력 필드에 입력 된 이전 값을 회수하지만 더 복잡한 형태의 자동 완성이 존재할 수 있습니다. 예를 들어 브라우저는 기기의 연락처 목록과 통합하여 이메일 입력 필드의 email 주소를 자동 완성 할 수 있습니다. 허용되는 값은 HTML 자동 완성 속성의 값을 참조하세요.
autocomplete 속성은 hidden, text, search, url, tel, email, date, month, week, time, datetime-local, number, range, color 및 password.이 속성은 숫자 또는 텍스트 데이터를 반환하지 않는 입력 유형에는 영향을주지 않으며 checkbox, radio, file 또는 모든 버튼 유형
HTML 자동 완성 속성 f를 참조하십시오. 또는 비밀번호 보안에 대한 정보와 autocomplete가 hidden에서 다른 입력 유형과 약간 다른 방식을 포함한 추가 정보입니다.
autofocus
있는 경우 페이지로드가 완료되었을 때 (또는 <dialog> 요소가 표시되었습니다).
참고 : autofocus 속성이있는 요소는 이벤트가 시작됩니다.
문서에서 하나 이상의 요소에 autofocus 속성이있을 수 없습니다. 둘 이상의 요소에 배치하면 속성이있는 첫 번째 요소가 포커스를받습니다.
autofocus 속성은 , 숨겨진 입력에는 초점을 맞출 수 없습니다.
경고 : 양식 컨트롤에 자동으로 초점을 맞추면 화면 읽기 기술을 사용하는 시각 장애인과인지 장애가있는 사람들이 혼동을 일으킬 수 있습니다. autofocus가 할당되면 스크린 리더는 사용자에게 사전 경고없이 사용자를 양식 컨트롤로 “텔레포트”합니다.
다음과 같은 경우 접근성을 위해 신중하게 고려하세요. autofocus 속성을 적용합니다. 컨트롤에 자동으로 초점을 맞추면로드시 페이지가 스크롤 될 수 있습니다. 포커스로 인해 일부 터치 장치에서 동적 키보드가 표시 될 수도 있습니다. 스크린 리더는 포커스를받는 폼 컨트롤의 레이블을 알리지 만 스크린 리더는 레이블 앞에 아무 것도 알리지 않으며 작은 장치의 눈에 보이는 사용자는 이전 콘텐츠에서 생성 된 컨텍스트를 똑같이 놓치게됩니다.
capture
HTML 미디어 캡처 사양에 도입되었으며 file 입력 유형에만 유효하며 capture 속성은 지원 시나리오에서 file 업로드 제어를 사용하여 업로드 할 새 파일을 캡처하는 데 사용할 미디어 (마이크, 비디오 또는 카메라)를 정의합니다. 파일 입력 유형을 참조하세요.
checked
radio 및 checkbox 유형, checked는 부울 속성입니다. radio 유형에있는 경우 라디오 버튼이 동일한 이름의 라디오 버튼 그룹에서 현재 선택된 라디오 버튼임을 나타냅니다. checkbox 유형에있는 경우 확인란이 기본적으로 선택되어 있음을 나타냅니다 (페이지가로드 될 때). 이 확인란이 현재 선택되어 있는지 여부는 표시되지 않습니다. 확인란의 상태가 변경되면이 콘텐츠 속성은 변경 사항을 반영하지 않습니다. (HTMLInputElement의 checked IDL 속성 만 업데이트됩니다.)
참고 : 다른 입력 컨트롤과 달리 확인란 및 라디오 버튼 값은 현재 checked 인 경우 제출 된 데이터에만 포함됩니다. 그렇다면 확인 된 컨트롤의 이름과 값이 제출됩니다.
예를 들어 name가 fruit에는 cherry의 value가 있으며 확인란이 선택되어 있으며 제출 된 양식 데이터에는 fruit=cherry. 확인란이 활성화되어 있지 않으면 양식 데이터에 전혀 나열되지 않습니다. 확인란 및 라디오 버튼의 기본 value는 on입니다.
dirname
text 및 search 입력 유형에만 유효하며 dirname 속성은 요소의 방향성 제출을 가능하게합니다. 포함 된 경우 양식 컨트롤은 두 개의 이름 / 값 쌍으로 제출됩니다. 첫 번째는 name 및 value이고 두 번째는 값입니다. dirname의 값이 ltr 또는 rtl 인 이름으로 브라우저.
위 양식이 제출되면 입력으로 인해 name / value 쌍의 fruit=cherry 및 dirname / fruit.dir=ltr의 방향 쌍이 전송됩니다.
disabled
있는 경우 사용자가 입력과 상호 작용할 수 없음을 나타내는 부울 속성입니다. 비활성화 된 입력은 일반적으로 희미한 색상으로 렌더링되거나 필드를 사용할 수 없음을 나타내는 다른 형태의 표시를 사용합니다.
특히 비활성화 된 입력은 click 이벤트 및 비활성화 된 입력은 양식과 함께 제출되지 않습니다.
참고 : 사양에 필요하지 않지만 Firefox는 기본적으로 . 이 기능을 제어하려면 autocomplete 속성을 사용하세요.
form
요소 (즉, 양식 소유자). 이 문자열의 값이있는 경우 동일한 문서에있는<form>요소의id와 일치해야합니다.이 속성이 지정된 경우<input>요소는 가장 가까운 포함 양식 (있는 경우)과 연결됩니다.
form 속성을 사용하면 문서의 아무 곳에 나 입력을 배치하되 문서의 다른 위치에 양식에 포함 시키십시오.
참고 : 입력은 하나의 양식에만 연관 될 수 있습니다.
formaction
image 및 submit 입력 유형에만 유효합니다. 자세한 내용은 제출 입력 유형을 참조하세요.
formenctype
image 및 입력 유형 만. 자세한 내용은 제출 입력 유형을 참조하세요.
formmethod
image 및 입력 유형 만. 자세한 내용은 제출 입력 유형을 참조하세요.
formnovalidate
image 및 입력 유형 만. 자세한 내용은 제출 입력 유형을 참조하세요.
formtarget
image 및 입력 유형 만. 자세한 내용은 제출 입력 유형을 참조하세요.
height
image 입력 버튼에만 유효하며 height는 그래픽 제출 버튼을 나타 내기 위해 표시 할 이미지 파일의 높이입니다. 이미지 입력 유형을 참조하십시오.
id
모든 입력 유형을 포함한 모든 요소에 유효한 전역 속성은 고유해야하는 고유 식별자 (ID)를 정의합니다. 전체 문서에서. 그 목적은 링크 할 때 요소를 식별하는 것입니다. 이 값은 레이블을 양식 컨트롤과 연결하기 위해 <label> “의 for 속성 값으로 사용됩니다. <label>.
inputmode
모든 요소에 유효한 전역 값으로, 브라우저에 가상 키보드 구성 유형에 대한 힌트를 제공합니다. 이 요소 또는 해당 콘텐츠를 편집 할 때 사용합니다. 값에는 none, text, tel, url, email, numeric, decimal 및 search.
list
list 속성에 제공된 값은 id 동일한 문서에있는 <datalist> 요소의 div>. <datalist>는이 입력에 대해 사용자에게 제안 할 사전 정의 된 값 목록을 제공합니다. type와 호환되지 않는 목록의 값은 제안 된 옵션에 포함되지 않습니다. 제공된 값은 요구 사항이 아니라 제안 사항입니다. 사용자는이 사전 정의 된 목록에서 선택하거나 다른 값을 제공 할 수 있습니다.
text, search, url, tel, email, date, month, week, time, datetime-local, number, range 및 color.
사양에 따라 list 속성은 hidden, password, checkbox, radio, file 또는 버튼 유형의.
브라우저에 따라 사용자에게 제안 된 맞춤 색상 팔레트, 범위를 따라 틱 표시 또는 <select> 그러나 목록에없는 va 허용 매독. 다른 입력 유형은 브라우저 호환성 표를 확인하세요.
<datalist> 요소를 참조하세요.
max
date, month, week, , datetime-local, number 및 range는 다음을 정의합니다. 허용되는 값 범위에서 가장 큰 값입니다. 요소에 입력 된 value가이 값을 초과하면 요소가 제약 조건 유효성 검사에 실패합니다. max 속성의 값이 “ta number”가 아니면 요소에 최대 값이없는 것입니다.
특별한 경우가 있습니다. 데이터 유형이주기적인 경우 (예 : 날짜 또는 시간), max의 값은 min의 값보다 낮을 수 있으며, 이는 범위가 예를 들어이를 통해 오후 10 시부 터 오전 4 시까 지의 시간 범위를 지정할 수 있습니다.
maxlength
text, search, url, tel, email 및 password는 사용자가 필드에 입력 할 수있는 최대 문자 수 (UTF-16 코드 단위)를 정의합니다. 정수 값이어야합니다. 0 이상. maxlength가 지정되지 않았거나 잘못된 값이 지정된 경우 필드에 최대 길이가 없습니다.이 값도
입력란에 입력 된 텍스트의 길이가 maxlength보다 크면 제약 조건 유효성 검사에 실패합니다. UTF-16 코드 단위 길이입니다. 기본적으로 브라우저는 사용자가 maxlength 속성에서 허용하는 것보다 많은 문자를 입력하지 못하도록합니다. 자세한 내용은 클라이언트 측 유효성 검사를 참조하세요.
min
date, , week, time, datetime-local, number 및 range, 허용되는 값 범위에서 가장 음수 값을 정의합니다. 요소에 입력 된 value가 이보다 작 으면 요소가 제약 조건 유효성 검사에 실패합니다. min 속성 값이 “ta number”이면 요소에 최소값이없는 것입니다.
이 값은 다음 값보다 작거나 같아야합니다. max 속성. min 속성이 있지만 지정되지 않았거나 유효하지 않은 경우 min 값이 적용됩니다. min 속성이 유효하고 비어 있지 않은 값이 min에서 허용하는 최소값보다 작은 경우 속성, 제약 조건 유효성 검사는 양식 제출을 방지합니다. 자세한 내용은 클라이언트 측 유효성 검사를 참조하세요.
특별한 경우가 있습니다. 데이터 유형이주기적인 경우 (예 : 날짜 또는 시간), max는 min의 값보다 낮을 수 있으며, 이는 범위가 줄 바꿈 될 수 있음을 나타냅니다. 예를 들어 시간을 지정할 수 있습니다. 범위는 오후 10 시부 터 오전 4 시까 지입니다.
minlength
text, search,
,tel,email및password, 사용자가 입력 필드에 입력 할 수있는 최소 문자 수 (UTF-16 코드 단위)를 정의합니다.maxlength에 지정된 값보다 작거나 같은 음이 아닌 정수 값이어야합니다.minlength를 지정하지 않거나 잘못된 값을 지정하면 입력에 최소 길이가없는 것입니다.
텍스트 길이가 맞으면 제약 조건 유효성 검사에 실패합니다. 입력란에 입력 한 UTF-16 코드 단위 길이가 minlength보다 작아서 양식 제출이 불가능합니다. 자세한 내용은 클라이언트 측 유효성 검사를 참조하세요.
multiple
부울 multiple 속성 (설정된 경우)은 사용자를 의미합니다. 이메일 위젯에 쉼표로 구분 된 이메일 주소를 입력하거나 file 입력으로 둘 이상의 파일을 선택할 수 있습니다. 이메일 및 파일 입력 유형을 참조하십시오.
name
입력 컨트롤의 이름을 지정하는 문자열입니다. 이 이름은 양식 데이터가 제출 될 때 컨트롤의 값과 함께 제출됩니다.
이름의 내용
name 필수 속성 (아닙니다). 입력에 name가 지정되지 않았거나 name가 비어있는 경우 입력의 값이 양식과 함께 제출되지 않았습니다! (비활성화 된 컨트롤, 선택되지 않은 라디오 버튼, 선택되지 않은 체크 박스 및 재설정 버튼도 전송되지 않습니다.)
두 가지 특별한 경우가 있습니다.
-
_charset_: 숨겨진 유형의<input>요소의 이름으로 사용되는 경우 입력의value는 다음에 의해 자동으로 설정됩니다. 양식을 제출하는 데 사용되는 문자 인코딩에 대한 사용자 에이전트입니다. -
isindex: 역사적 이유로 이름은isindex는 허용되지 않습니다.
이름 및 라디오 버튼
name 속성은 라디오 버튼에 대한 고유 한 동작을 만듭니다.
동일한 이름의 라디오 버튼 그룹에서 한 번에 하나의 라디오 버튼 만 확인할 수 있습니다. 해당 그룹의 라디오 버튼을 선택하면 같은 그룹에서 현재 선택된 라디오 버튼이 자동으로 선택 취소됩니다. 양식이 제출되면 확인 된 라디오 버튼 하나가 이름과 함께 전송됩니다.
일련의 동일한 -이름이 지정된 라디오 버튼 그룹, 하나가 선택되어 있으면 그 버튼이 포커스를받습니다. 소스 순서대로 그룹화되어 있지 않은 경우 그룹 중 하나를 선택하면 그룹의 첫 번째 항목이 발견 될 때 그룹으로 탭핑이 시작되고 확인되지 않은 항목은 모두 건너 뜁니다. 즉, 하나가 선택된 경우 탭을 누르면 그룹에서 선택되지 않은 라디오 버튼이 건너 뜁니다. 선택하지 않은 경우 동일한 이름 그룹의 첫 번째 버튼에 도달했을 때 라디오 버튼 그룹에 포커스가 있습니다.
그룹의 라디오 버튼 중 하나에 포커스가 있으면 화살표 키를 사용하여 모든 항목을 탐색합니다. 라디오 버튼이 소스 순서로 함께 그룹화되지 않더라도 동일한 이름의 라디오 버튼.
HTMLFormElement.elements
입력 요소에 name, 해당 이름은 소유하는 양식 요소의 HTMLFormElement.elements 속성의 속성이됩니다. name는 guest로 설정되고 name가 hat-size 인 다른 코드는 다음 코드입니다. 사용 가능 :
이 코드가 실행되면 guestName가 HTMLInputElement guest 필드 및 hatSize 개체 hat-size 필드
경고 : 양식의 기본 제공 속성에 해당하는 name 양식 요소를 제공하지 마십시오. 그러면 해당 입력에 대한이 참조로 사전 정의 된 속성 또는 메서드를 재정의 할 수 있습니다.
pattern
pattern 속성 (지정된 경우)은 값이 제약 조건 유효성 검사를 통과하려면 입력의 value가 일치해야합니다. RegExp 유형에서 사용하고 정규 표현식 가이드에 설명 된대로 유효한 자바 스크립트 정규 표현식이어야합니다. 정규식을 컴파일 할 때 "u" 플래그가 지정되어 패턴이 ASCII 대신 유니 코드 코드 포인트의 시퀀스로 처리됩니다. 패턴 텍스트 주위에 슬래시를 지정해서는 안됩니다.
pattern 속성이 있지만 지정되지 않았거나 유효하지 않은 경우 정규 표현식이 적용되지 않고 속성은 완전히 무시됩니다.패턴 속성이 유효하고 비어 있지 않은 값이 패턴과 일치하지 않으면 제약 조건 유효성 검사로 인해 양식 제출이 차단됩니다.
팁 : pattern을 사용하는 경우
속성, 근처에 설명 텍스트를 포함하여 예상 형식에 대해 사용자에게 알립니다. 패턴을 일치시키기위한 요구 사항을 설명하기 위해 title 속성을 포함 할 수도 있습니다. 대부분의 브라우저는이 제목을 도구 설명으로 표시합니다. 접근성을 위해 보이는 설명이 필요합니다. 툴팁은 향상된 기능입니다.
자세한 내용은 클라이언트 측 유효성 검사를 참조하세요.
placeholder
placeholder 속성은 필드에 어떤 종류의 정보가 예상되는지 사용자에게 간단한 힌트를 제공하는 문자열입니다. 설명이나 프롬프트가 아니라 예상되는 데이터 유형에 대한 힌트를 제공하는 단어 또는 짧은 문구 여야합니다. 텍스트에는 캐리지 리턴 또는 줄 바꿈이 포함되지 않아야합니다. 예를 들어 필드가 사용자의 이름을 캡처 할 것으로 예상되고 레이블이 “이름”인 경우 적합한 자리 표시자는 “예 : Mustafa “.
참고 : placeholder 속성은 양식을 설명하는 다른 방법만큼 의미 론적으로 유용하지 않으며 예상치 못한 기술적 문제가 발생할 수 있습니다. 자세한 내용은 < input >의 라벨 : 입력 (양식 입력) 요소를 참조하세요.
readonly
있는 경우 사용자가 입력 값을 편집 할 수 없음을 나타내는 부울 속성입니다. readonly 속성이 지원됩니다. text, search, url, tel, email, date, month, week, time, datetime-local, number 및 password 입력 유형.
자세한 내용은 HTML 속성을 참조하세요. readonly
required는 소유 한 양식을 제출하기 전에 사용자가 입력 값을 지정해야 함을 나타내는 부울 속성입니다. required 속성은 text, search, , tel, email, date, month, week, time, datetime-local, number, password, checkbox, radio 및 file 입력.
자세한 내용은 클라이언트 측 유효성 검사 및 HTML 속성 : required를 참조하세요.
sizeemail,password,tel및textinput유형 만 해당됩니다. 표시되는 입력의 양을 지정합니다. 기본적으로 CSSwidth속성을 설정하는 것과 동일한 결과를 생성합니다. 값의 실제 단위는 입력 유형에 따라 다릅니다.password및text의 경우 다음과 같은 여러 문자 (또는em단위)입니다. 기본값은20이고 다른 경우에는pixel입니다. CSS 너비는 크기 속성보다 우선합니다.src
image 입력 버튼에만 유효하며 src는 문자열 지정입니다. 그래픽 제출 버튼을 나타 내기 위해 표시 할 이미지 파일의 URL입니다. 이미지 입력 유형을 참조하세요.
step
number, 날짜를 포함한 숫자 입력 유형에 유효합니다. / time 입력 유형 및 range, step 속성은 값이 준수해야하는 세분성을 지정하는 숫자입니다.
명시 적으로 포함되지 않은 경우 :
-
step는number및.
- 날짜 / 시간 입력 유형의 경우
step는 초 단위로 표시되며 기본 단계는 60 초입니다. . 단계 배율은 1000입니다 (다른 알고리즘에서 사용되는 것처럼 초를 밀리 초로 변환).
값은 양수 (정수 또는 부동 소수점) 또는 특수 값 any : 스테핑이 암시되지 않고 모든 값이 허용됨을 의미합니다 (min 및 ).
any가 명시 적으로 설정되지 않은 경우 number, 날짜 / 시간 입력 유형 및 range 입력 유형은 스테핑 기준 (min 값 및 단계 값 증분 (최대 값 (지정된 경우)
예를 들어 <input type="number" min="10" step="2">가있는 경우 짝수 인 정수인 10 이상이면 유효합니다. 생략하면 <input type="number">, 모든 정수는 유효하지만 iv id = “817c131ab3″때문에 부동 소수점 (예 : 4.2)은 유효하지 않습니다. >
기본값은1입니다.4.2가 유효하려면step가any, 0.1로 설정되어야합니다. , 0.2 또는min값은 iv id = “a4ce6d93e9″와 같이.2로 끝나는 숫자 여야합니다. >
참고 : 사용자가 입력 한 데이터가 스테핑 구성을 준수하지 않는 경우 해당 값은 제약 조건 유효성 검사에서 유효하지 않은 것으로 간주되며 pseudoclass.
자세한 내용은 클라이언트 측 유효성 검사를 참조하세요.
tabindex
Global 속성은 모든 입력 유형을 포함하여 모든 요소에 유효하며, 요소가 입력 포커스를받을 수 있는지 (포커스 가능) 여부를 나타내는 정수 속성, 순차 키보드 탐색에 참여해야하는 경우 숨겨진 유형의 입력을 제외한 모든 입력 유형으로 포커스를받을 수있는 경우이 속성은 양식 컨트롤에서 사용해서는 안됩니다. 이렇게하려면 foc 관리가 필요하기 때문입니다. 잘못 수행하면 유용성과 접근성에 해를 끼칠 위험이있는 문서 내의 모든 요소를 주문합니다.
title
모든 입력 유형을 포함한 모든 요소에 유효한 전역 속성 , 자신이 속한 요소와 관련된 권고 정보를 나타내는 텍스트를 포함합니다. 이러한 정보는 일반적으로 사용자에게 도구 설명으로 표시 될 수 있지만 반드시 그런 것은 아닙니다. 제목은 양식 컨트롤의 목적에 대한 기본 설명으로 사용되어서는 안됩니다. 대신, for 속성이 양식 컨트롤의 id div로 설정된 <label> 요소를 사용하세요. > 속성입니다. 아래 레이블을 참조하십시오.
type
렌더링 할 컨트롤 유형을 지정하는 문자열 (예 : 확인란을 만들려면 checkbox가 사용됩니다. 생략하면 (또는 알 수없는 값이 지정된 경우) 입력 유형 text가 사용되어 일반 텍스트 입력 필드를 만듭니다.
허용되는 값은 위의 <input> 유형에 나열되어 있습니다.
value
입력 컨트롤의 값입니다. HTML에 지정된 경우이 값이 초기 값이며, 그때부터 JavaScript를 사용하여 언제든지 변경하거나 검색하여 해당 HTMLInputElement 개체의 value 속성. value 속성은 항상 선택 사항이지만 checkbox,
및hidden.width
image 입력 버튼에만 해당되며 width는 그래픽 제출 버튼을 나타 내기 위해 표시 할 이미지 파일의 너비입니다. 이미지 입력 유형을 참조하십시오.