<input> 태그의 속성 정리 required와 autofocus

 

 보통 <input> 태그에는

사용자의 편의, 그리고 개발자의 편의를 위한 속성들이 몇가지 있다ㅏㅏㅏ

그중에서 내가 가장 자주 쓰는 두가지를 먼저 정리해보쟈ㅑㅑ

 

<input required>

해당 속성은 사용자가 input 태그에 꼭 정보입력을 해야만 서버접속이 가능하다

때문에, 사용자가 해당 input 태그를 비워두면,

보통 자동으로 해당 칸을 채워달라는 경고가 나오게 된다ㅏㅏ!

 

<input autofocus>

해당 속성은 페이지 로딩이 일어났을 때,

자동으로 해당 input 태그로 포커스가 주어진다ㅏㅏ

때문에 보통 가장 위쪽의 input 태그에 주어진다 ( 사용자가 별도의 클릭없이 위에서부터 차례차례 적어나갈 수 있게 )

 

예제 코드는 아래의 링크에 있댜ㅑㅑ

 

참고 : 

http://tcpschool.com/html-tag-attrs/input-required

코딩교육 티씨피스쿨

 

http://tcpschool.com/html-tag-attrs/input-autofocus

코딩교육 티씨피스쿨