HTML의 fieldset 요소 정보

프로그래밍 공부 일기



2020년 10월 14일
HTML의 fieldset 요소를 처음 알았으므로 정리한다.

fieldset 요소란?


  • 입력 태그와 같은 여러 개의 입력 항목을 결합 할 수 있습니다.

    웹 양식의 라벨 (<label>)과 같은 여러 컨트롤을 그룹화하는 데 사용됩니다. 그래서, 복수의 input 태그 등을 항목으로서 그룹화하기 위한 요소이다.

    fieldset에서 사용할 수 있는 속성



    disabled 속성



    그룹화 된 내부의 모든 입력 장치가 비활성화됩니다.

    양식 속성


    <form> 요소의 id 속성을 지정하는 것으로 <fieldset> 요소는 안에 없어도 그 일부로 할 수 있다.

    name 속성



    그룹과 연관된 이름.

    사용법


    <form>
      <input type="checkbox">
      <fieldset>
        <input type="radio" name="radiocheck">sample1
        <input type="radio" name="radiocheck">sample2
      </fieldset>
    </form>
    


    <form id="sample">
      <input type="checkbox">
      <fieldset>
        <input type="radio" name="radiocheck">sample1
        <input type="radio" name="radiocheck">sample2
      </fieldset>
      <fieldset disabled="disabled">
        <input type="text">
      </fieldset>
    </form>
    
    <fieldset form="sample">
      <input type="submit">
    </fieldset>
    



    참고문헌



    필드 세트 요소
    HTML의 fieldset 요소로 사용할 수 있는 속성을 현역 엔지니어가 해설【초보자용】
  • 좋은 웹페이지 즐겨찾기