20170831 :: input required text 수정하기

▶ input에 required 추가 후 나오는 text 수정하기

몰랐는데 이번 작업하다가 html5에서는 required를 적용시키면 말풍선이 뜨는 것을 알았다.

1년 넘게 html5으로만 작업했는데 required를 사용할 일이 없어서 이제 알게됨...

말풍선 안의 기본 멘트를 수정하는 방법

<form>

<input type="text" 

id="username" 

placeholder="Enter Name" 

required

oninvalid="this.setCustomValidity('Enter User Name Here')" //툴팁에 나오는 텍스트 입력

oninput = "setCustomValidity('hhhh')"/> //input에 on되어 있을 때 나오는 텍스트 입력

<input type="submit" />

</form>