Bộ chọn :required trong CSS
1) Bộ chọn :required trong CSS
- Bộ chọn :required dùng để chọn các phần tử form có thiết lập thuộc tính required.
- Lưu ý:
- Các phần tử có thể được thiết lập thuộc tính required chủ yếu là <input> <textarea> <select>
- Ta không thể "Submit" khi các phần tử được thiết lập thuộc tính required bỏ trống giá trị.
- Gợi ý: Để chọn các phần tử form không có thiết lập thuộc tính required thì dùng bộ chọn :optional.
2) Cách sử dụng bộ chọn :required trong CSS
- Để sử dụng bộ chọn :required, ta dùng cú pháp như sau:
:required{
các khai báo định dạng CSS
}
3) Một số ví dụ
Ví dụ:
- Thiết lập nền màu hồng cho các phần tử được thiết lập thuộc tính required
:required{
background-color:pink;
}
Xem ví dụ
Ví dụ:
- Thiết lập nền màu hồng cho các phần tử <textarea> được thiết lập thuộc tính required
textarea:required{
background-color:pink;
}
Xem ví dụ