HTML 기초 정리(34) - <fieldset> 필드셋 본문
HTML 기초 정리(34) - <fieldset> 필드셋
- 2025. 1. 7. 22:40
728x90
정의 및 사용법
태그 <fieldset>는 양식 내의 관련 요소를 그룹화하는 데 사용됩니다.
태그 <fieldset>는 관련 요소 주위에 상자를 그립니다.
팁과 참고사항
<legend> 태그 는 요소 에 대한 캡션을 정의하는 데 사용됩니다.
속성
| 속성 | 값 | 설명 |
| disabled | disabled | 관련 양식 요소 그룹을 비활성화해야 함을 지정합니다. |
| form | form_id | 필드셋이 속하는 형식을 지정합니다. |
| name | text | 필드셋의 이름을 지정합니다 |
예시
<!DOCTYPE html>
<html>
<body>
<h1>The fieldset element</h1>
<form action="/action_page.php">
<fieldset>
<legend>Personalia:</legend>
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="birthday">Birthday:</label>
<input type="date" id="birthday" name="birthday"><br><br>
<input type="submit" value="Submit">
</fieldset>
</form>
</body>
</html>
반응형
'프로그램 > HTML' 카테고리의 다른 글
| HTML 기초 정리(36) - <figure> 독립 콘텐츠 (0) | 2025.01.12 |
|---|---|
| HTML 기초 정리(35) - <figcaption> 요소 캡션 (0) | 2025.01.09 |
| HTML 기초 정리(33) - <em> 강조 (0) | 2025.01.04 |
| HTML 기초 정리(32) - <dt> 용어 (0) | 2025.01.02 |
| HTML 기초 정리(31) - <dl> 목록 (0) | 2024.12.31 |
프로그램/HTML Related Articles
-
HTML 기초 정리(36) - <figure> 독립 콘텐츠
-
HTML 기초 정리(35) - <figcaption> 요소 캡션
-
HTML 기초 정리(33) - <em> 강조
-
HTML 기초 정리(32) - <dt> 용어
RECENT COMMENT