2024.08.09. HTML - form 1

1. 폼 안에서 여러 구역 나누기 : 폼요소를 그룹으로 묶는 fieldset, legend 태그

<fieldset>
<legend>상품선택</legend>
</fieldset>

 

< 결과 >

 

2. 요소(태그)의 항목명 지정 : label 태그

<!--  레이블 속성(항목명(아이디))을 눌러도 인풋창에 커서가 바로 가게 함. -->
<!-- 용법1. 더 많이 사용. -->
<label for="user-id">아이디(6자이상) : </label> 
<input type="text" id="user-id"><br>
<!-- 용법2. <label> 태그 내에 <input> 태그를 넣어서 사용함. -->
<label for="user_id">
아이디(6자이상) : <input type="text" id="user_id">
</label>

< 결과 >