<body>
<form>
<fieldset>
<legend>반장</legend>
<label for="name_1">이름</label>
<input id="name_1" name="name_1" type="text">
<br><br>
<label for="age_2">나이</label>
<input id="age_1" name="age_1" type="number">
</fieldset>
<br>
<fieldset>
<legend>부반장</legend>
<label for="name_2">이름</label>
<input id="name_2" name="name_2" type="text">
<br><br>
<label for="age_2">나이</label>
<input id="age_2" name="age_2" type="number">
</fieldset>
<br>
<fieldset form="classForm" disabled>
<legend>서기</legend>
<label for="name_3">이름</label>
<input id="name_3" name="name_3" type="text">
<br><br>
<label for="age_3">나이</label>
<input id="age_3" name="age_3" type="number">
</fieldset>
</form>
</body>
</html>form 태그
form 태그 안의 input태그를 수식하는 label태그.
label태그를 클릭해도 input태그와 연결되어 클릭된다.
button태그 안의 type 속성 ex) submit, reset 등 자바스크립트로 하면 된다.
autocomplete
form태그의 autocomplete속성은 기본 on으로 되어있다.
autocomplete 기능은 이전의 입력 기록이 남아 그 기록들을 보여주고, 빠르게 입력할 수 있는 기능이다.
autocomplete="on" or "off"
fleldset 태그
fieldset태그는 form 안의 요소들을 그룹으로 묶는다.
legand태그는 fieldset태그의 제목이다.
fieldset태그로 묶어 disabled(비활성화)속성을 사용가능하다.
문과를 정말로 존중해