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