HTML - required 필수 항목 값을 확인해주는 속성

---

html5 입력 유효성 확인 

---

안녕하세요.

고코더 입니다.

● 1. HTML5에 새로운 기능들은 개발자에 피로를 많이 덜어줍니다.

그 중에 하나가 바로 required 속성입니다.

input이 비어있으면 자동으로 필수값으로 값을 넣으라고 해주는 유효성 체크 항목 입니다.

● 2. 가끔 브라우저에서 이런 메세지 창을 보신적이 있죠?

required 속성을 입력한 input은 자동으로

이렇게 메세지 창을 띄워서 입력을 받도록 강제해줍니다.

● 3. 사용법은 간단합니다. 그저 input 태그안에

required만 붙혀주면 됩니다.

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

그리고 해당 속성은 해당 input은 필수 값이라는걸 알려주는 태그임을 강조하는 역할도 합니다.

---

마무리

---

물런 최신 브라우저를 써야 작동하는 기능이라 

결국은 일부 유저를 위해 스크립트 유효성 체크를 해줘야 하겠죠.