본문 바로가기

HTML

HTML <fieldset> 태그

반응형

정의 및 특징

・<fieldset> 태그는

 <form> 요소에서 연관된 요소들을

 하나의 그룹으로 묶을 때 사용한다

 

 <fieldset> 요소는

 하나의 그룹으로 묶은 요소들

 주변으로 박스 모양의 선을 그려준다

 또한, <legend> 요소를 사용하면

 <fieldset> 요소의 캡션(caption)을 정의할 수 있다

 

 

지원하는 브라우저

지원함 지원함 지원함 지원함 지원함 지원함

 

속성

속성명 속성값 설명
disabled disabled <fieldset> 요소에 포함된 <form> 요소들이 비활성화됨을 명시한다
HTML5에서 새롭게 추가된 속성
form form id <fieldset> 요소에 포함될 하나 이상의 <form>요소를 명시한다
HTML5에서 새롭게 추가된 속성
name 이름 <fieldset> 요소의 이름을 명시한다
HTML5에서 새롭게 추가된 속성

 

예제

<fieldset>
    <legend>로그인</legend>
    이름 : <input type="text" name="st_name"><br>
    학번 : <input type="text" name="st_id"><br>
    학과 : <input type="text" name="department"><br>
</fieldset>
로그인 이름 :
학번 :
학과 :

 

 

■HTML 태그 레퍼런스
HTML 태그 레퍼런스 - MAIN 돌아가기

 

 

반응형

'HTML' 카테고리의 다른 글

HTML <figure> 태그  (0) 2023.06.23
HTML <figcaption> 태그  (0) 2023.06.22
HTML <embed> 태그  (0) 2023.06.20
HTML <em> 태그  (0) 2023.06.19
HTML <dt> 태그  (0) 2023.06.19