문서의 이전 판입니다!
HTML <form>
요소는 다음 폼(form, 양식) 요소 중 하나 이상을 포함 할 수 있습니다.
<input>
, <label>
, <select>
, <textarea>
, <button>
, <fieldset>
, <legend>
, <datalist>
, <output>
, <option>
, <optgroup>
가장 많이 사용되는 폼 요소 중 하나는 <input>
요소입니다.
<input>
요소는 type
속성에 따라 여러 가지 방법으로 표시될 수 있습니다.
<body> <h2>The input Element</h2> <form action="/action_page.php"> <label for="fname">First name</label><br> <input type="text" id="fname" name="fname"><br><br> <input type="submit" value="submit"> </form> </body>
type
속성의 모든 다른 값은 다음 챕터인 HTML Input Types에서 다룹니다.
<label>
요소는 여러 폼 요소에 대한 레이블을 정의합니다.
<label>
요소는 스크린 리더기 사용자에게 유용합니다. 사용자가 입력 요소에 집중할 때 스크린 리더기가 레이블을 소리내어 읽어주기 때문입니다.
<label>
요소는 또한 매우 작은 영역 (예:라디오 버튼 또는 체크박스)을 클릭하는 데 어려움이 있는 사용자에게 도움이 됩니다. 사용자가 <label>
요소 내의 텍스트를 클릭하면, 라디오 버튼/체크박스를 토글하기 때문입니다.
<label>
태그의 for
속성은 <input>
요소와 함께 바인딩 하려면 <input>
요소의 id
속성과 동일해야 합니다.