10 tính năng HTML hữu ích có thể bạn không biết (phần 1)
suffix_ngothikimthoa WEBチーム
Xin chào, mình đây, T - team Web đây!!
Kỳ này chúng ta cùng học một chút về HTML nhé! Có thể có một vài tính năng trong HTML mà bạn không biết sẽ xuất hiện trong bài kỳ này đấy!
1. Thẻ fieldset
Nếu bạn muốn gom một nhóm các thẻ HTML trong một form thì thẻ fieldset sẽ giúp bạn làm điều đó.
Việc nhóm các phần tử có liên quan trong form lại với nhau bằng thẻ fieldset sẽ giúp cho người dùng dễ dàng nhập thông tin hơn. Thẻ fieldset sẽ tạo ra một khung bao quanh nhóm các phần tử chứa trong nó.
Ví dụ:
2. Thẻ legend
Thẻ legend được sử dụng bên trong thẻ fieldset, dùng để tạo caption cho nhóm fieldset.
Ví dụ:
3. Thẻ details
Bạn có thể sử dụng thẻ details để tạo widget cho người dùng tương tác để đóng/mở mà không cần phải sử dụng JavaScript.
Ví dụ:
4. Tính năng chọn màu
Bạn có thể chỉ sử dụng HTML để cho người dùng chọn màu mà không cần dùng đến JavaScript đấy.
Để làm được điều này bạn chỉ cần tạo một thẻ input và set thuộc tính type thành color.
Ví dụ:
Hãy thử để thấy được sự diệu kỳ nào! ????
5. Thẻ datalist
Thẻ datalist sẽ giúp bạn tạo search bar bao gồm cả tính năng autocomplete. Tất cả bạn cần chỉ là HTML, và không cần viết dòng JavaScript nào. Khi người dùng tìm kiếm trên search bar, thẻ datalist sẽ tự động đưa ra các gợi ý có thể người dùng đang tìm kiếm.
Để làm điều này, bạn cần tạo thẻ input có thuộc tính list với tên là tên của search bar.
Sau đó, bạn sẽ tạo thẻ datalist và đặt id là tên của thuộc tính list ở trên. Bên trong thẻ datalist bạn sẽ thêm một số thẻ option với nội dung là từ khóa người dùng có thể đang tìm kiếm.
Ví dụ:
Hẹn gặp lại các bạn vào kỳ tới với 5 tính năng còn lại nhé!