[html] form 기본 유효성 검사 비활성화 하기 / Disable validation of HTML5

🪐 작성자 개발 환경
OS : Windows 10

문제

form을 생성해 만들어 둔 에러 메시지를 보여주려고 했지만, form 제출 시에 아래 이미지와 같이 html의 경고창이 띄워졌다.

문제 해결

<form> 태그에 noValidate를 추가한다.

<form> 태그의 novalidate 속성

<form> 태그의 novalidate 속성은 폼 데이터(form data)를 서버로 제출할 때 해당 데이터의 유효성을 검사하지 않음을 명시한다. novalidate 속성은 불리언(boolean) 속성이다. 불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 된다.

예제

<form novalidate>
    이메일 주소 : <input type="email" name="user-email">
    <input type="submit">
</form>