HTML 폼(form)

폼 태그 기본 형태

<form method="post" action="action.php">
  Input Color : <input type="text" name="color">
  <input type="submit" value="Submit">
</form>

 

label : input요소에 붙이는 라벨

placeholder : hint문구

<label for="input_text">Input - Text</label>
<input type="text" id="input_text" placeholder="Input Name">

체크박스

<label><input type="checkbox" name="color" value="blue" checked> Blue</label>
<label><input type="checkbox" name="color" value="blue"> Red</label>

라디오

<label><input type="radio" name="fruit" value="apple" checked> Apple</label>
<label><input type="radio" name="fruit" value="banana"> Banana</label>

Select Box

• autofocus : 페이지가 로드되었을 때 해당 목록으로 바로 포커스가 맞춰집니다.
• disabled : 화면에는 보이지만 사용할 수 없도록 만듭니다.
• multiple : 여러 값을 선택할 수 있도록 합니다.
• name : 이름을 붙입니다.
• size : 목록을 펼치기 전에 보여질 목록의 개수를 정합니다.

<select autofocus size="2">
  <option>Lorem</option>
  <option>Ipsum</option>
  <option>Dolor</option>
  <option>Amet</option>
</select>

날짜, 시간

<!-- 기본값, min, max 지정 -->
<input type="date" value="2021-02-01">
<input type="date" value="2021-02-01" min="2021-01-01" max="2021-03-01">
<input type="time" value="13:10:20" min="13:00:00" max="15:00:00">