HTML/요소

양식 - FIELDSET, LEGEND

appmaster 2021. 1. 5. 17:22

같은 목적의 양식을 그룹화(<fieldset>)하여 제목(<legend>)을 지정.

 

 

<form>
        <fieldset>
            <legend>Coffee Size</legend>
            <label>
                <input type="radio" name="size" value="tall" />
                Tall
            </label>
            <label>
                <input type="radio" name="size" value="grande" />
                Grande
            </label>
            <label>
                <input type="radio" name="size" value="venti" />
                Venti
            </label>
        </fieldset>
    </form>

다음과 같이 fieldset과 legend는 form안에서 사용이 된다.

 

 

 

cf. 같은 목적의 양식을 그룹화

속성 의미
disabled 그룹 내 모든 양식 요소를 비활성화 Boolean
form 그룹이 속할 하나 이상의 form의 id속성 값  
name 그룹의 이름  

 

 

'HTML > 요소' 카테고리의 다른 글

양식 - PROGRESS  (0) 2021.01.06
양식 - SELECT, DATALIST, OPTGROUP  (0) 2021.01.06
양식 - TEXTAREA  (0) 2021.01.05
양식 - BUTTON  (0) 2021.01.05
양식 - LABEL  (0) 2021.01.05