HTML‎ > ‎

<input>

<input />
Inline
한 줄 글상자, 확인 상자, 라디오 버튼, 버튼, 그림 등 입력 폼 구성 요소를 나타냅니다. 폼이 전송되면 <form> 요소 안의 <input> 요소 값이 '이름/값'의 쌍으로 묶여 서버로 전송됩니다.
사용되는 이름은 <input> 요소의 name 속성에 지정된 이름이며, 전송되는 값은 폼의 종류와 사용자의 입력값에 따라 다릅니다.
HTML 4.01에서는 <input> 요소를 모든 블록 요소(Block Element)와 인라인 요소(Inline Element) 안에서 사용할 수 있도록 허용되었습니다.


속성

  • type= text|password|checkbox|radio|submit|reset|file|hidden|image|button [CI]
폼 구성 요소의 종류를 지정합니다. 기본값 = text.
    • text : 한 줄 글상자
    • password : 패스워드 입력 상자
    • checkbox : 확인 상자
    • radio : 라디오 버튼
    • image : 그림
    • submit, reset, button : 입력 버튼
  • name = cdata [CI]
요소의 이름을 지정합니다. 변수명으로 사용됩니다.
  • value = cdata [CA]
요소의 값을 지정합니다.
type 속성이 checkbox인 경우, 체크되었을 때는 'on'이며, 해제 되었을 때는 값이 없습니다.
  • size = cdata [CN]
입력 칸의 너비를 지정합니다. 기본값은 20.
  • maxlength = number [CN]
type 속성값이 password 또는 text일 때, 입력 가능한 최대 문자수를 설정합니다.
  • checked [CI]
type 속성값이 radio 또는 checkbox인 경우, 체크된 상태로 표시합니다.
  • src = uri [CT]
type 속성값이 image일 때, 버튼으로 사용할 이미지의 URI를 지정합니다.
  • id, class, lang, dir, title, style
속성에 관한 설명을 참고하세요.
  • alt = text [CS]
type 속성값이 image일 경우, 이미지 대신 표시할 텍스트를 설정합니다.
  • accept = content-type-list [CI]
type 속성값이 file일 경우, 업로드할 파일의 MIME 타입을 지정합니다.
  • readonly [CI]
요소의 값을 수정할 수 없게 합니다.
  • disabled [CI]
폼 구성 요소를 선택할 수 없게 합니다.
  • tabindex = number [CN]
탭 이동 순서를 지정합니다.
  • accesskey = character [CN]
키 입력으로 요소를 활성화시킬 문자를 설정합니다.
  • usemap = uri [CT]
이미지 맵의 URI를 지정합니다.
  • ismap [CI]
서버 사이드 이미지 맵을 지정합니다.
  • align = left|center|right|justify [CI]
정렬 방법을 지정합니다. 권장되지 않는 속성입니다.


이벤트

  • onfocus, onblur, onselect, onchange,
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
속성에 관한 설명을 참고하세요.
Comments