요소의 필수 속성은 양식을 제출하기 전에 채워야 하는 필드를 설정하는 데 사용됩니다. 필수 속성으로 설정된 필드가 채워지지 않은 경우 SUBMIT 버튼을 클릭하면 양식이 제출되지 않습니다.
다음은 구문입니다 -
<input required>
이제 요소의 필수 속성을 구현하는 예를 살펴보겠습니다. 여기에서 필요에 따라 3개의 필드를 설정했습니다 -
예시
<!DOCTYPE html> <html> <body> <h2>Register</h2> <form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." required><br> Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br> DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br> Email − <input type="email" name="email" placeholder="Enter email here..."><br><br> <button type="submit" value="Submit">Submit</button> </form> </body> </html>
출력
ID, 비밀번호 및 전화 3개 필드를 입력하지 않고 제출 버튼을 클릭한다고 가정해 보겠습니다. 그러면 양식이 제출되지 않습니다. 여기에서 "전화" 필드를 채우지 않았으므로 양식 제출을 허용하지 않는 오류가 표시됩니다. −