HTML表單是WEB應(yīng)用程序開發(fā)中的重要部分,而每個表單都需要明確指定其輸入元素。當(dāng)需要讓用戶從一組選項中進行選擇時,可以使用選擇框。本文將介紹關(guān)于HTML對號選框怎么設(shè)置。
<input type="checkbox" name="vehicle" value="Car">I have a car<br> <input type="checkbox" name="vehicle" value="Bike">I have a bike
代碼解釋:
首先,HTML中的checkbox可以通過使用<input type="checkbox"> 定義。它有三個主要屬性:type屬性規(guī)定輸入字段的類型,name屬性定義輸入字段的名稱,value屬性定義提交給服務(wù)器的值。值得一提的是,type="checkbox"的選項也可使用<input type="radio">(單選按鈕)代替,具體取決于您需要哪種類型的框。
如上所示的代碼創(chuàng)建了兩個復(fù)選框。第一個選框的值為“汽車”,而第二個選框的值為“自行車”。輸入字段的name屬性指定了它們應(yīng)屬于同一個“vehicle”組。如果用戶選中了選項,對應(yīng)的值(即“車”或“自行車”)將被提交到其所在的表單上,以便由服務(wù)器處理。
如此簡單和實用。了解了HTML對號選框怎么設(shè)置后,你可以在你的Web應(yīng)用程序中快速創(chuàng)建可用的多選框,從而提高用戶友好性。