HTML 사용 가능한 값은 다음과 같습니다.
다음은
alt
autocomplete 사용자 에이전트의 자동완성 기능에 제공하는 힌트입니다. HTML
autofocus 페이지 불러오기가 끝나는 순간, 또는 이 입력 칸을 포함한
문서 내에서 단 하나의 요소만
capture
checked
다른 입력 칸과 달리, 체크박스와 라디오의 값은 예를 들어, dirname
위의 예제 양식을 제출하면 데이터의 disabled 지정할 경우 사용자와의 상호작용을 막는 불리언 특성입니다. 비활성 컨트롤은 사용 불가능하다는 것을 나타내기 위해 더 연한 색상을 사용하는 등 모양이 달라지곤 합니다. 상호작용을 막는다는 것은 컨트롤이 클릭 이벤트를 받지 못하고, 양식 제출 시 컨트롤의 값을 포함하지 않는다는 뜻입니다. form
이 컨트롤을 양식 소유자(
formaction
formenctype
버튼의 양식 소유자에 지정한 formmethod
버튼의 양식 소유자에 지정한
formnovalidate
formtarget
다음의 키워드는 특별한 뜻을 가지고 있습니다.
버튼의 양식 소유자에 지정한 height
list 추천 선택지 목록을 나타내는
max 유효한 최대 값을 지정합니다. 숫자 외의 값은 유효하지 않으며, 지정해도 최대 값을 설정하지 않습니다. 초과하는 값을 받은 경우
maxlength 입력 값의 유효한 최대 문자 수(UTF-16 코드 유닛 기준)를 지정합니다. 0 이상의 정수만 지정할 수 있습니다. 유효하지 않은 값은 지정해도 최대 길이를 설정하지 않습니다. 이 값보다 긴 길이의 텍스트를 받은 경우
min 유효한 최소 값을 지정합니다. 숫자 외의 값은 유효하지 않으며, 지정해도 최대 값을 설정하지 않습니다. 미달하는 값을 받은 경우
minlength 입력 값의 유효한 최소 문자 수(UTF-16 코드 유닛 기준)를 지정합니다. 0 이상의 정수만 지정할 수 있습니다. 유효하지 않은 값은 지정해도 최대 길이를 설정하지 않습니다. 이 값보다 짧은 길이의 텍스트를 받은 경우
multiple
name 컨트롤의 이름을 지정합니다. 양식을 제출할 때 값과 함께 이름/값
쌍을 구성합니다. 비록 명세 상으로는
pattern 제약 검증을 만족하려면 입력 값이 일치해야
하는 정규표현식을 지정합니다. JavaScript 유효하지 않은 값을 지정한 경우 무시합니다.
여기에 더해서 placeholder 사용자가 입력해야 하는 값을 간략하게 알려줄 텍스트를 지정합니다. 값이 개행 문자를 포함해서는 안됩니다.
readonly 불리언 특성입니다. 지정하면 사용자가 값을 편집할 수 없습니다.
required 불리언 특성입니다. 양식을 제출하려면 사용자가 반드시 이
size 입력 칸의 크기를 한 번에 보여줄 글자의 수로 지정합니다. 0보다 큰 정수만 지정할 수 있으며 기본 값은 20입니다. 글꼴마다 글자의 너비가 다르고, 문자끼리의 너비도 서로 다르므로 이 특성으로는 정확한 너비를 설정할 수 없습니다.
src
step 입력 가능한 값의 간격입니다. 지정하지 않을 경우,
사용자가 입력한 값이 단계에서 벗어날 경우 유효하지 않은 입력 칸으로 취급하여 CSS
type 렌더링할 컨트롤의 유형을 지정하는 문자열입니다. 예를 들어 체크박스를 생성하려면 가능한 유형은 위의 value 컨트롤의 값입니다. HTML 코드에서 명시한 경우 컨트롤의 초기 값으로 사용합니다. 그 후에는 JavaScript를
사용해 width
스크린 리더 등 보조 기술에서 서로 짝지어진 단순히 입력 칸 옆에 일반 텍스트를 배치하는 것으로는 충분하지 않습니다. 사용성과 접근성을 위해서는 명시적 또는 암시적인 레이블이 필요합니다. 위의 코드에서는 이름
외에도, 웹 개발자로서, 사용자가 우리의 의도를 알아줄 것이라고 기대하는 것은 금물입니다. 웹에는 다양한 사람이 있으며, 각자 생각하는 방법도 그만큼 다양할 것이므로, 분명하고 뚜렷하게 나타낸 레이블 없이는 양식의 칸이 가지는 의미 또한 사용자마다 다르게 해석할 가능성이 있습니다.
스크린 리더는 플레이스홀더를 읽지 못할 뿐더러, 사용자가 입력 칸에 값을 입력하거나 처음부터 양식에 이미 값이 지정된 경우 사용자는 플레이스홀더를 볼 수 없습니다. 또한 자동 번역 기능을 제공하는 브라우저에서 플레이스홀더는 번역 대상에 포함되지 않을 수 있습니다. 입력 칸과 같은 대화형 요소는 상호작용하기 충분한 크기의 활성화 영역을 가져야 합니다. 운동조절 장애를 가진 사용자뿐만 아니라 터치 스크린처럼 정확하지 않은 입력 도구 사용자도 충분한 활성화 영역 크기에 도움을 받습니다. 최소 44x44의 CSS 픽셀 크기를 권고합니다. |