Thuộc tính required

Thuộc tính required chỉ định rằng phần tử biểu mẫu HTML này phải được điền vào.

Thuộc tính nên được áp dụng cho các thẻ input hoặc textarea.

Khi cố gắng gửi biểu mẫu trong trường hợp trường có thuộc tính này chưa được điền - trình duyệt sẽ không cho phép gửi biểu mẫu và hiển thị lỗi dưới dạng chú thích nổi lên. Thật không may, văn bản lỗi và giao diện của nó không thể thay đổi bằng HTML hoặc CSS.

Hãy lưu ý rằng việc có thuộc tính required không miễn cho bạn khỏi việc kiểm tra tính đúng đắn của biểu mẫu đã điền từ phía máy chủ bằng PHP (vì bảo vệ thông qua thuộc tính này dễ dàng bị bỏ qua).

Ví dụ

Hãy thêm thuộc tính required vào thẻ input. Không nhập bất cứ thứ gì vào trường, hãy thử nhấn nút để gửi biểu mẫu. Trình duyệt sẽ không cho phép gửi biểu mẫu, sẽ thêm bóng vào input và hiển thị thông báo lỗi:

<form action="">
	<input type="text" placeholder="nhập gì đó" required>
	<input type="submit">
</form>

Xem thêm

thuộc tính pattern,
cho phép thực hiện xác thực input