required 속성

required 속성은 해당 HTML 폼 요소가 반드시 입력되어야 함을 나타냅니다.

이 속성은 input 또는 textarea 태그에 적용해야 합니다.

이 속성이 있는 필드가 채워지지 않은 상태로 폼을 제출하려고 하면, 브라우저는 폼 제출을 허용하지 않고 팝업 힌트 형태로 오류 메시지를 표시합니다. 안타깝게도, 오류 메시지의 텍스트와 모양은 HTML이나 CSS를 사용하여 변경할 수 없습니다.

required 속성의 존재가 PHP 측에서 폼 입력의 정확성을 검증할 필요가 없다는 것을 의미하지는 않는다는 점을 명심하세요 (이 속성을 통한 보호는 쉽게 우회될 수 있기 때문입니다).

예제

input 태그에 required 속성을 추가해 보겠습니다. 필드에 아무것도 입력하지 않고 버튼을 눌러 폼을 제출해 보세요. 브라우저는 폼 제출을 허용하지 않고, 인풋에 그림자를 추가하고 오류 메시지를 표시할 것입니다:

<form action="">
	<input type="text" placeholder="무언가를 입력하세요" required>
	<input type="submit">
</form>