html5 입력 유효성 확인 


안녕하세요.
고코더 입니다.


 1. HTML5에 새로운 기능들은 개발자에 피로를 많이 덜어줍니다.
그 중에 하나가 바로 required 속성입니다.
input이 비어있으면 자동으로 필수값으로 값을 넣으라고 해주는 유효성 체크 항목 입니다.

 2. 가끔 브라우저에서 이런 메세지 창을 보신적이 있죠?
required 속성을 입력한 input은 자동으로
이렇게 메세지 창을 띄워서 입력을 받도록 강제해줍니다.



 3. 사용법은 간단합니다. 그저 input 태그안에
required만 붙혀주면 됩니다.
<input type="text" name="title" id="title" required/>
그리고 해당 속성은 해당 input은 필수 값이라는걸 알려주는 태그임을 강조하는 역할도 합니다.


마무리


물런 최신 브라우저를 써야 작동하는 기능이라 
결국은 일부 유저를 위해 스크립트 유효성 체크를 해줘야 하겠죠.





댓글을 달아 주세요