사용자 도구

사이트 도구


wiki:html:html_note:html_form_elements

문서의 이전 판입니다!


HTML Forms - HTML Form Elements

  • description : HTML Forms - HTML Form Elements
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-05-27


The Source of this article

The HTML <form> Elements

HTML <form> 요소는 다음 폼(form, 양식) 요소 중 하나 이상을 포함 할 수 있습니다.

<input>, <label>, <select>, <textarea>, <button>, <fieldset>, <legend>, <datalist>, <output>, <option>, <optgroup>

The <input> Element

가장 많이 사용되는 폼 요소 중 하나는 <input> 요소입니다.

<input> 요소는 type 속성에 따라 여러 가지 방법으로 표시될 수 있습니다.

Example

<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에서 다룹니다.

The <label> Element

<label> 요소는 여러 폼 요소에 대한 레이블을 정의합니다.

<label> 요소는 스크린 리더기 사용자에게 유용합니다. 사용자가 입력 요소에 집중할 때 스크린 리더기가 레이블을 소리내어 읽어주기 때문입니다.

<label> 요소는 또한 매우 작은 영역 (예:라디오 버튼 또는 체크박스)을 클릭하는 데 어려움이 있는 사용자에게 도움이 됩니다. 사용자가 <label> 요소 내의 텍스트를 클릭하면, 라디오 버튼/체크박스를 토글하기 때문입니다.

<label> 태그의 for 속성은 <input> 요소와 함께 바인딩 하려면 <input> 요소의 id 속성과 동일해야 합니다.

The <select> Element

/volume1/web/dokuwiki/data/attic/wiki/html/html_note/html_form_elements.1622072531.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)