태그 설명 비고
<form> 정보를 제출하기 위한 태그들을 포함 autocomplete 속성: 자동완성 여부 (기본: on)
<input> 입력을 받는 요소 type 속성을 통해 다양화
<label> 인풋 요소마다의 라벨 for 속성값을 인풋 요소의 id와 연결. 인풋의 클릭 영역 확장
<button> 버튼 type 속성에 submit(제출), reset(초기화), button(기본 동작 없음)
<fieldset> 폼 태그 내의 입력 요소들과 라벨들을 그룹화 disabled 속성: 포함된 입력 요소 비활성화
<legend> 필드셋 요소의 제목 또는 설명 
<form>

    <label for="name">이름</label>
    <input id="name" name="my-name" type="text">
    
</form>

👉 <input>의 타입과 속성들 보기

<input>의 type에 따른 value 사용

  1. input type이 button, submit일 때

    : 버튼 내의 텍스트를 정의한다.

  2. input type이 text, hidden, password일 때

    : 입력 필드의 초기값을 정의한다.

  3. input type이 checkbox, radio일 때

    : 해당 입력 필드 클릭 시 서버에 value에 지정된 값을 제출한다.

텍스트 관련 인풋 속성들

속성 설명 비고
placeholder 빈 칸에 보이는 안내문
maxlength 최대 길이
minlength 최소 길이 위반시 submit이 거부됨

숫자 관련 인풋 속성들

속성 설명 비고
min 최소값 date 등 타입마다 형식 다름
max 최대값 date 등 타입마다 형식 다름
step 간격 범위 설정 시 사용 (type=”range”

시간·날짜 관련 다른 타입들

👉 datetime-local, month, time, week