대화형 컨트롤을 만드는 태그
input 태그에서 공통적으로 사용되는 속성들
:: autocomplete (MDN)
-- 양식 자동생성 기능 암시. Boolean 속성이 아니며 공백으로 구분된 문자열을 값으로 갖는다.
-- 간단하게는 'on', 'off' 값으로 설정하지만 더 복잡한 자동 완성 구문을 사용할 수도 있다.
:: autofocus
-- 페이지가 로딩 될 때 자동으로 초점을 맞출 컨트롤을 지정.
-- boolean 속성이므로 값을 갖지 않는다.
-- 한 페이지에 하나의 컨트롤만 이 속성을 가질 수 있으며, 여러 컨트롤에 지정될 경우 맨 첫번째 컨트롤에 지정된다.
-- 접근성 측면에서 사용이 권장되지 않는다.
:: disabled
-- 컨트롤의 활성화 여부 지정.
-- boolean 속성이므로 값을 갖지 않는다.
-- 지정하지 않아도 조상 태그에 이 속성이 있을 경우 값을 물려받게 된다.
:: form
-- 컨트롤이 어떤 양식에 속하는지를 나타냄.
-- form의 id값을 값으로 갖는다.
-- 지정하지 않아도 조상 태그 중에 form 태그가 있거나 이 속성을 가지고 있을 경우 값을 물려받는다.
:: name
-- 전송된 값을 식별하기 위해 사용되는 이름. 이름/값 쌍(name/value pair)을 이룬다.
:: value
-- 전송된 양식 컨트롤의 현재 값. 이름/값 쌍(name/value pair)을 이룬다.
:: readonly
-- 미리 지정된 값을 수정할 수 없음을 나타낸다.
-- boolean 속성이므로 값을 갖지 않는다.
:: required
-- 양식이 전송되기 위해서 반드시 입력하거나 확인이 필요한 컨트롤임을 나타낸다.
-- boolean 속성이므로 값을 갖지 않는다.
:: list
-- 양식 값 예제 목록을 보여주기 위한 datalist와 연결하는 속성.
-- datalist의 id값을 값으로 갖는다.
썸네일용