[컴][웹] 간단하게 input 창에서 email 검사 하는 방법

입력창 이메일 검사 / input email validation / browser input email validation

email input type

입력창에서 email 검사와 관련해서 ref. 1 에서 javascript code 를 알려준다. 근데, 더 간단한 방법이 있었다.

input 의 type 을 email 로 해주면 된다. ref. 2 를 보면, safari 에서는 지원하지 않는다.

<form method="post">
  <input autocapitalize="off" autocomplete="off" autocorrect="off" autofocus="autofocus" class="joinbox email" id="user_email" name="user[email]" size="30" type="email">
  <label for="user_email">이메일 주소</label>
  <input autocapitalize="off" autocomplete="off" autocorrect="off" class="joinbox password" id="user_password" name="user[password]" size="30" type="password">
  <label for="user_password">비밀번호</label>
  <input class="btn_login" name="commit" onclick="track_event('Login', 'Click Login')" type="submit" value="로그인">
</form> 

References

1. http://www.w3schools.com/js/js_form_validation.asp
2. http://www.w3schools.com/html/html5_form_input_types.asp