Thẻ nào có thể được sử dụng để chọn một trong nhiều lựa chọn trong HTML?

The HTML tag creates a list from which a user can select one or multiple options. An element states an individual option in the tag.

» THÊM.   Các thẻ HTML cơ bản

The tag creates a form field which, when clicked, displays a drop-down list with options from which a user can choose.

The syntax for the

tag is as follows:

By itself, the tag has no options. We need to use the tag to define the options that appear in a tag.

Here’s the syntax for the tag:

	Option One

The tag appears in a tag. In this example, we also specified the value attribute with our tag.

Điều này được sử dụng để lưu trữ giá trị dữ liệu sẽ được gửi đến máy chủ nếu người dùng chọn một tùy chọn cụ thể. Trong trường hợp này, nếu người dùng chọn Tùy chọn Một từ danh sách, tùy chọn Một sẽ được gửi đến máy chủ

Each tag should have a specified value attribute.

The HTML tag is supported by all major modern browsers.

Why Should You Use the HTML Tag?

Using a

tag is beneficial when you want to restrict the values a user can enter into a form field. Here are a few examples where the tag may be useful to:

• Cung cấp cho người dùng danh sách các quốc gia để chọn
• Cung cấp cho người dùng danh sách các màu có sẵn cho một sản phẩm để chọn
• Để cho phép người dùng chọn số lượng sản phẩm họ muốn mua (i. e. từ 1 đến 10)

Trong những trường hợp này, các tùy chọn bị hạn chế. Sử dụng menu thả xuống có nghĩa là bạn có thể nhận được phản hồi phù hợp với mã của mình. Điều này là do người dùng không thể nhập bất kỳ giá trị nào họ muốn, giống như họ có thể nhập vào một trường được chọn, điều mà bạn có thể không lường trước được

» THÊM.   HTML dùng để làm gì?

HTML Example

Giả sử chúng ta đang tạo một biểu mẫu web cho một tiệm bánh địa phương. Chúng tôi đã được yêu cầu tạo một biểu mẫu cho phép người dùng đặt bánh mì. Biểu mẫu này sẽ trình bày một danh sách thả xuống các loại bánh mì mà từ đó người dùng có thể chọn một loại bánh mì. Các tùy chọn sẽ xuất hiện là

• trắng trơn
• Nâu trơn
• Ngũ cốc nguyên hạt
• bột chua

Theo mặc định, Trắng trơn nên được chọn

Để tạo trình đơn thả xuống HTML này, chúng ta có thể sử dụng đoạn mã sau

Plain White Plain Brown Whole Grain Sourdough

mã của chúng tôi trả về

First, we use a tag to define our selection list. We specify the name attribute, which specifies the name of the select form control, and we assign the attribute the value breadType.

Next, we use four

tags to create the list of options that should be presented to the user. Each of these tags has a value attribute specified. This attribute stores the value of the option that will be submitted to the server when the user submits the form.

The first

tag, whose label text displays Plain White, also has a selected attribute specified. This makes Plain White the default selected option.

Chúng tôi có thể cho phép người dùng của mình chọn nhiều tùy chọn trong danh sách bằng thuộc tính nhiều

Plain White Plain Brown Whole Grain Sourdough

Thuộc tính nhiều là một từ khóa. Điều này có nghĩa là bạn không cần sử dụng dấu bằng để gán giá trị cho thuộc tính

"Career Karma bước vào cuộc đời tôi khi tôi cần nó nhất và nhanh chóng giúp tôi phù hợp với bootcamp. Hai tháng sau khi tốt nghiệp, tôi đã tìm được công việc mơ ước phù hợp với giá trị và mục tiêu của mình trong cuộc sống. "

Venus, Kỹ sư phần mềm tại Rockbot

Để chọn nhiều giá trị, hãy giữ nút Ctrl trên Windows hoặc nút Cmd trên máy Mac

» THÊM.   Cách sử dụng chỉ mục. html

HTML Tag Attributes

The tag has a few specific HTML attributes which can be applied to the tag. These are as follows:

AttributeValueDescriptionautofocusautofocusGives the drop-down list focus when the document is loaded.disableddisabledIndicates that the drop-down list is disabled (so a user cannot submit a value using the list)formform_idSpecifies the form with which a element is tied.multiplemultipleAllows users to select multiple options.namenameSpecifies the name for the element.requiredrequiredIndicates that the form field must be filled out before being submitted.sizenumberSpecifies the number of options that should be shown to the user.

Phần kết luận

The HTML element creates a form field that displays a list of default values. A user can choose one or multiple values from the list. fields are useful when you want a user to select a value from a predefined list of potential values.

This tutorial discussed, with reference to an example, how you can use the tag to create a drop-down list form field in HTML.

Bạn có muốn tìm hiểu thêm về lập trình HTML? . Hướng dẫn này chứa các mẹo hàng đầu về cách học HTML và danh sách các tài nguyên học tập để giúp bạn xây dựng kiến ​​thức của mình

Xếp hạng bài viết này

Về chúng tôi. Career Karma là một nền tảng được thiết kế để giúp người tìm việc tìm kiếm, nghiên cứu và kết nối với các chương trình đào tạo việc làm để thăng tiến trong sự nghiệp của họ. Tìm hiểu về ấn phẩm CK

Thẻ nào được sử dụng để chọn một trong nhiều lựa chọn?

Phần tử

có một số thuộc tính duy nhất mà bạn có thể sử dụng để kiểm soát nó, chẳng hạn như nhiều tùy chọn để chỉ định liệu có thể chọn nhiều tùy chọn hay không . Nó cũng chấp nhận hầu hết các thuộc tính đầu vào của biểu mẫu chung như bắt buộc, bị vô hiệu hóa, tự động lấy nét, v.v.