Web Cơ Bản

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ụ