[markup] input 마크업 모음

input

0. global (공통)

1) global attribute

• name : 폼 컨트롤의 name을 지정. 폼을 제출할 때 쓰인다. 빈 문자열이면 안됨.
• dirname :
• maxlength, minlength : 입력할 문자의 수를 제한
• disabled
• action
• method
• enctype, formenctype
• target, formtarget
• novalidate, formnovalidate
• autofocus
• autocomplete

1. type

1) text

(1) attribute

• list = 참조 ID
• pattern = 정규식
• placeholder = 문자열
• readonly = true / false
• required = true / false
• size = 음이 아닌 유효한 정수
• value = 문자열

2) password

(1) attribute

• pattern = 정규식
• placeholder = 문자열
• readonly = true / false
• required = true / false
• size = 음이 아닌 유효한 정수
• value = 문자열

3) radio

(1) attribute

• checked = true / false
• required = true / false
• value = 문자열

4) checkbox

(1) attribute

• checked = true / false
• required = true / false
• value = 문자열

input 요소를 위한 css

1. :placeholder-shown

가상 클래스 선택자. placeholder가 보여질 때의 input을 선택한다

2. ::placeholder

가상 요소 선택자. placeholder 텍스트를 선택한다.

참고) https://css-tricks.com/almanac/selectors/p/placeholder/

​