×

表單-單選與多選

元智汇电子 元智汇电子 发表于2023-09-25 16:37:40 浏览60 评论0

抢沙发发表评论

HTML 表單中的單選框(Radio Buttons)和核取方塊(Checkboxes)是常用的輸入元素,用於讓使用者在一組選項中進行選擇。以下是它們的基本用法:


radio&checkboxes.jpg


 

單選框(Radio Buttons):

 

單選框允許使用者在一組互斥的選項中選擇一個。每個單選框都有一個與之相關聯的值。只有一個單選框可以被選中。

 

image.png

 

在上面的示例中,`name` 屬性相同的三個單選框構成了一組,使用者只能選擇其中一個選項。

 

核取方塊(Checkboxes):

 

核取方塊允許使用者在一組選項中選擇多個或不選擇任何選項。每個核取方塊都有一個與之相關聯的值。

 

image.png

 

在上面的示例中,`name` 屬性相同的三個核取方塊構成了一組,用戶可以選擇多個或一個都不選。

 

額外的建議:

 

- 使用 `<label>` 元素來為單選框和核取方塊提供標籤文本,通過 `for` 屬性與相應的輸入元素關聯,這樣使用者點擊標籤文本時也能觸發選擇。

- 使用合適的 `value` 屬性值,以便在表單提交時能夠識別用戶的選擇。

- 使用 `<fieldset>` `<legend>` 元素可以將一組相關的單選框或核取方塊包裹在一起,並為它們提供一個標題。

 

這些是單選框和核取方塊的基本用法,您可以根據需要進行進一步的樣式化和自訂。


群贤毕至

访客