[HTML day 5: 시맨틱 태그] <details> 및 <summary> 태그

GURU/PYTHON & HTML

[HTML day 5: 시맨틱 태그] <details> 및 <summary> 태그

myejinni 2022. 1. 19. 20:49

<details>: 상세 정보를 담는 시맨틱 블록 태그

<summary>: <details> 로 구성되는 블록의 제목 표현

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<form>
	주민등록번호 앞 6자리 입력<br>
	<input type="text" size="6" maxlength="6" name="idnumber" value="123456" readonly> <br>

	<hr>

	사용자 ID: <input type="text" size="10"><br>
	비밀 번호: <input type="password" size="10"><br>

	자기소개: <textarea cols=20 rows="5" wrap="off">이곳에 자기소개서 작성
	</textarea>

	<input type="submit" value="완료">
	</form>
</body>
</html>