| 태그 | 설명 | 비고 |
|---|---|---|
<form> |
정보를 제출하기 위한 태그들을 포함 | autocomplete 속성: 자동완성 여부 (기본: on) |
<input> |
입력을 받는 요소 | type 속성을 통해 다양화 |
<label> |
인풋 요소마다의 라벨 | for 속성값을 인풋 요소의 id와 연결. 인풋의 클릭 영역 확장 |
<button> |
버튼 | type 속성에 submit(제출), reset(초기화), button(기본 동작 없음) |
⭐️ id 속성: 페이지마다 고유해야 함!
name 속성은 뭔가요?
- HTML상으로는 의미를 갖지 않으며, 정보들을 서버로 보낼 때 사용됩니다.
- 서버에서 각 항목을 받을 때 무엇에 대한 값인지 구분하는 이름으로 작용합니다.
폼 안의 요소들 그룹으로 묶기
강의영상 중 오타
-
아래와 같이
label의for와input의id를 일치시켜야 합니다.id와for가 같아야 레이블을 클릭했을 때 해당 인풋 요소가 선택됩니다.
-
위의 예제코드의 소스에 반영되어 있습니다.
<label for="name_1">이름</label> <input id="name_1" name="name_1" type="text">
| 태그 | 설명 | 비고 |
|---|---|---|
<fieldset> |
폼 태그 내 입력요소와 라벨들을 그룹화 | disabled 속성: 포함된 입력요소 비활성화 |
<legend> |
필드셋 요소의 제목 또는 설명 |