[attribute] HTML - required 속성 ★ - 폼데이터 제출 전 (입력필수/선택필수) 지정 (= required속성 = 리콰이어드속성)

1. required 예제 - <input> 경우
2. required 정의
3. required 구문
4. required 예제 - <select> 경우
5. required 예제 - <textarea> 경우

required 예제 - <input> 경우

 

<form action="/action_page.php">

  <label for="name">이름:</label>

  <input type="text" id="name" name="name" required>

  <input type="submit">

</form>

 

결과보기

required 정의

 

폼데이터 서버에 제출 전 (입력필수/선택필수) 지정하는 참거짓 속성.

 

---

 

1. required 속성 사용 가능 태그 종류

<input>, <select>, <textarea>

• <input> 태그 중 required 속성 사용 가능 type 종류: text, search, url, tel, email, password, date pickers (즉, date, datetimel-local, month, time, week) , number, checkbox, radio, file

 

2. 

IE10 이상 주요 최신 브라우저 모두 지원.

 

required 구문

 

• <input type="supportType" required>
• <select required>...</select>
• <textarea required>...</textarea>

 

---

[속성값]

 

없음.

 

required 예제 - <select> 경우

 

<form action="/action_page.php">

  <label for="langs">언어선택:</label>

  <select name="langs" id="langs" required>

    <option value="">언어종류</option>

    <option value="html">HTML</option>

    <option value="css">CSS</option>

    <option value="javascript">JavaScript</option>

    <option value="jquery">jQuery</option>

  </select>

  <input type="submit" value="확인">

</form>

 

결과보기

required 예제 - <textarea> 경우

 

<form action="/action_page.php">

    <textarea rows="4" cols="30" name="self" required></textarea>

    <input type="submit">

</form>

 

결과보기