HTML5中提供了單選框和復選框這兩個表單元素,它們與我們平時使用的選項卡、多選框十分相似。單選框只能選中其中的一項,而復選框則可以同時選中多個選項。接下來讓我們看一下它們的代碼實現。
單選框:
上述代碼表示存在兩個選項:"Male"和"Female",每個選項都會在點擊后顯示一個圓點,表示該選項被選中。這里使用了name屬性來定義這兩個選項屬于同一個組,同時也用了value屬性為每個選項分配一個值。 復選框:Male
Female
這個代碼包含了三個選項:"Apple"、"Banana"和"Orange",每個選項都有一個復選框。這里同樣使用了name屬性將這些選項組合起來,并使用value屬性來為它們分配不同的值。 無論是單選框還是復選框,都需要使用標簽包裹起來。在這里我們使用了Apple
Banana
Orange
標簽來作為選項的外層容器。同時,由于代碼的格式比較重要,使用
標簽來將代碼以原樣顯示的形式呈現出來了,避免了在展示時出現空格等奇怪的問題。