Sự miêu tả
HTML
Ví dụ
HTML option Tag
Điều này sẽ tạo ra kết quả sau -
Thuộc tính toàn cầu
Thẻ này hỗ trợ tất cả các thuộc tính chung được mô tả trong Tham chiếu thuộc tính HTML
Thuộc tính cụ thể
HTML
Thuộc tính Giá trị Mô tả bị vô hiệu hóa bị vô hiệu hóa điều khiển đầu vào. Nút sẽ không chấp nhận thay đổi từ người dùng. Nó cũng không thể lấy tiêu điểm và sẽ bị bỏ qua khi tab. labeltextXác định nhãn để sử dụng khi sử dụng. đã chọn đã chọnXác định tùy chọn mặc định sẽ được chọn khi tải trang. valuetextChỉ định giá trị của tùy chọn sẽ được gửi đến máy chủThuộc tính sự kiện
Thẻ này hỗ trợ tất cả các thuộc tính sự kiện được mô tả trong - Tham khảo sự kiện HTML
Hỗ trợ trình duyệt
ChromeFirefoxIEOperaSafariAndroidCóCóCóCóCóCóThẻ HTML được sử dụng để tạo danh sách tùy chọn thả xuống, xuất hiện khi người dùng nhấp vào phần tử biểu mẫu và cho phép chọn một trong các tùy chọn. Tag
Tùy chọn đầu tiên trong danh sách tùy chọn được chọn theo mặc định. Để thay đổi một tùy chọn được xác định trước, thuộc tính đã chọn được sử dụng
Thẻ được sử dụng để nhóm một số tùy chọn thành một nhóm. Nội dung của
trông giống như tiêu đề in đậmHình thức danh sách phụ thuộc vào thuộc tính kích thước, chỉ định chiều cao của danh sách. Độ rộng của danh sách phụ thuộc vào độ dài của văn bản bên trong
Thẻ khó tạo kiểu hiệu quả với CSS. Bạn có thể ảnh hưởng đến các phần nhất định của một phần tử. Ví dụ: có thể kiểm soát phông chữ được hiển thị, kiểu hộp, v.v. , cũng như bạn có thể sử dụng thuộc tính xuất hiện để xóa giao diện hệ thống mặc định. Nhưng các thuộc tính này không cho kết quả ổn định trên các trình duyệt. Cấu trúc bên trong của thẻ rất phức tạp và rất khó kiểm soát. Để có toàn quyền kiểm soát, bạn có thể cần một thư viện có các tiện ích biểu mẫu kiểu dáng tốt hơn hoặc menu thả xuống sử dụng các phần tử phi ngữ nghĩa
Thẻ được đặt trong thẻ, nếu danh sách dữ liệu phải được gửi đến máy chủ hoặc khi danh sách dữ liệu được truy cập thông qua tập lệnh. các] thẻ. Các
Title of the document
Departure airport:
Trong ví dụ này
nhãnCác
Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm
Element ofLists Bring Order To Web Pages: Here’s The HTML Code To Create ThemWhat does
Title of the document
Departure airport:
nội dung
- 1 Ví dụ về mã
- 2 Xác định tùy chọn danh sách
- 3 Hỗ trợ trình duyệt cho tùy chọn
- 4 Thuộc tính của tùy chọn
Mã ví dụ
Select your favorite species of flamingo.
American flamingo
Greater flamingo
Lesser flamingo
Andean flamingo
Chilean flamingo
James's flamingo
Chọn loài chim hồng hạc yêu thích của bạn
Xác định tùy chọn danh sách
Phần tử
Title of the document
Departure airport:
Title of the document
Departure airport:
Claire Broadley
Claire là nhà văn, biên tập viên kỹ thuật dày dạn kinh nghiệm và người đam mê HTML. Cô ấy viết cho HTML. com và điều hành một công ty nội dung, Red Robot Media
Option tag is the most useful element in the HTML, which is used within the dropdown list to select specific user preference from the selection list. At a time, one user can select one or more options from the given list. This is the main benefit of option tags in HTML. element always include within the tag. or the tag e=which is also known as … .For single option, one can use element, whereas for multiple option choice, we can use one of HTML’s attribute called as Wherever the user is going to call datalist through scripts or going to send data to the server, then tag is used within the tag.
Cú pháp với ví dụ
Đây là cú pháp giúp chúng tôi xác định vị trí chính xác mà thẻ tùy chọn sẽ xác định trong trang web hoặc HTML của chúng tôi
Bắt đầu khóa học phát triển phần mềm miễn phí của bạn
Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác
Gói phát triển phần mềm tất cả trong một[hơn 600 khóa học, hơn 50 dự án]
Giá
Xem khóa học
600+ Khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập Trọn đời
4. 6 [84.762 xếp hạng]
cú pháp
option1
option2
option3
option4
As shown above syntax, is a tag used to create datalist. tag enclosed in the select tag is an attribute value or attributes for selection list, the value will be for showing weather option is selected, disabled or with any other properties. option1,2….will be the name.
Với sự trợ giúp của CSS, chúng ta có thể tạo hiệu ứng cho danh sách lựa chọn của mình, có thể đặt các vị trí như tương đối, tuyệt đối, v.v. , có thể đặt chiều rộng và thực hiện nhiều chức năng khác. Vị trí cho danh sách thả xuống được xác định thành hai giá trị, vị trí tương đối được sử dụng để hiển thị chính xác nội dung của danh sách ngay bên dưới nút chọn danh sách. Với sự giúp đỡ của vị trí. tuyệt đối;
Ví dụ
Điều này sẽ hạn chế người dùng chọn một tùy chọn từ danh sách lựa chọn
Maharashtra
Gujarat
Madhya Pradesh
Rajasthan
Andhra Pradesh
Tương tự, như chúng ta đã biết, chúng ta cũng có thể chọn nhiều tùy chọn theo lựa chọn trong danh sách lựa chọn
cú pháp
option1
option2
option3
option4
Một ví dụ cho cú pháp tương tự như sau
HP
Dell
Lenovo
Sony
Thuộc tính của thẻ tùy chọn trong HTML
tag supports specific attributes are as follows:
- Vô hiệu hóa. Thuộc tính này được sử dụng bằng cách đặt giá trị Boolean ở dạng đúng và sai. Nếu nó được đặt thành true, thì tùy chọn trong danh sách sẽ bị tắt;
- nhãn mác. Giả sử chúng tôi muốn cung cấp một số văn bản dưới dạng nhãn, thì có thể vào thẻ tùy chọn. Nó sẽ coi như một giá trị cho phần tử đó
- đã chọn. Trong thiết kế trang web, một số trường hợp xảy ra khi chúng tôi muốn hiển thị tùy chọn như đã được chọn trong chế độ xem hiển thị. Vì vậy, bằng cách đặt các thuộc tính được chọn cho các tùy chọn, người ta có thể hiển thị các tùy chọn đã chọn trong danh sách. Người ta chỉ có thể hiển thị một mục đã chọn từ danh sách
- giá trị. người ta cũng có thể đặt giá trị cho tùy chọn trong danh sách lựa chọn
Ví dụ về Thẻ tùy chọn trong HTML
Dưới đây là các ví dụ khác nhau về Thẻ tùy chọn trong HTML
Ví dụ 1
This is simple example of selection list including tag.
Mã số
Option tag in HTML
List of IIT colleges in INDIA
IIT Madras
IIT Delhi
IIT Bombay
IIT Kharagpur
IIT Kanpur
IIT Roorkee
IIT Guwahati
IIT Hyderabad
IIT Indore
IIT Bhubaneswar
IIT Tirupati
IIT Bhilai
IIT Goa
IIT Jammu
IIT Dhanbad
IIT Palakkad
IIT Dharwad, Est
đầu ra
Ví dụ #2
Example for showing tag which uses values like selected, disabled ,
Mã số
________số 8đầu ra
Ví dụ #3
Trong ví dụ này, chúng tôi sẽ chọn nhiều tùy chọn từ datalist
Mã số
Top IT training Institutes in Pune
ABCIS Learning
MindScripts Technologies
Sysap technologies
IclassPune
IIHT
Magneto Academy
Certification Guru
I Cert Global
Technogeeks
Multiple options can be selected here. Press ctrl key and select multiple option from the list.
function multipleFunc[] {
document.getElementById["multiselectopt"].multiple = true;
}
đầu ra
Phần kết luận
From all the above information, we came to know that the tag in the selection list or into the datalist is responsible for selecting the option as per user choice. One can select one or more options from the drop-down list. If we have multiple options included in the list, we can divide it into the element.
Bài viết được đề xuất
Đây là hướng dẫn về Thẻ tùy chọn trong HTML. Ở đây chúng ta thảo luận về khái niệm cơ bản, cú pháp, thuộc tính và ví dụ về thẻ tùy chọn trong HTML. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –