[개발]프로그래밍/html5
[html5] fieldset,legend - 폼에서 그룹으로 표현
좋은 블로그
2021. 2. 3. 10:29
1. 개념
fieldset,legend - 폼에서 그룹으로 표현
fieldset은 form 태그 안에서 쓰이는 요소들을 그룹으로 묶어서 표현하고자 할 때 사용
2. 태그
fieldset,legend
html5 코드
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!
DOCTYPE
html>
<html lang
=
"kr"
>
<head>
<meta charset
=
"utf-8"
>
<title>
키보드와 하루
</title>
</head>
<body>
<form>
1
<fieldset>
<legend>
테스트 입력1
</legend>
<label for
=
"search1"
>
검색 테스트1
</label>
<input type
=
"text"
id
=
"search1"
><br>
<label for
=
"search2"
>
검색 테스트2
</label>
<input type
=
"text"
id
=
"search2"
><br>
</fieldset>
2
<fieldset>
<legend>
테스트 입력2
</legend>
<label for
=
"search3"
>
검색 테스트3
</label>
<input type
=
"text"
id
=
"search3"
><br>
<label for
=
"search4"
>
검색 테스트4
</label>
<input type
=
"text"
id
=
"search4"
><br>
</fieldset>
</form>
</body>
</html>
|
결과 화면
코드 설명
1
<fieldset>
.......
</fieldset>
form 태그 안에서 fieldset을 쓰면 그룹으로 요소들을 묶어서 표현할 수 있습니다.
예를 들어서 회원가입을 할 때 보면 위와 같은 화면을 볼 수 있습니다
그룹으로 묶어서 나눠서 표현하고자 할 경우에는 fieldset을 써주면 됩니다.
예를 들어서 회원가입을 할 때 보면 위와 같은 화면을 볼 수 있습니다
그룹으로 묶어서 나눠서 표현하고자 할 경우에는 fieldset을 써주면 됩니다.