fieldset은 form 태그 안에서 쓰이는 요소들을 그룹으로 묶어서 표현하고자 할 때 사용
티스토리 뷰
1. 개념
fieldset,legend - 폼에서 그룹으로 표현
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을 써주면 됩니다.
'[개발]프로그래밍 > html5' 카테고리의 다른 글
| [html5] input type = search,url,email,tel - 검색,웹주소,메일주소,전화번호 (0) | 2021.02.05 |
|---|---|
| [html5] input type(hidden,text,password) - 숨김,텍스트,비밀번호 (0) | 2021.02.04 |
| [html5] label - 폼 요소 앞에 붙여 활용하기 (0) | 2021.02.02 |
| [html5] form - 사용자 입력 정보 보내기 (0) | 2021.02.01 |
| [html5] map,area,usemap - 하나의 이미지에 여러 링크 지정 (1) | 2021.01.29 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday