HTML表單菜單可以用于在Web頁面中收集用戶輸入的數據。HTML提供了多種類型的表單組件,包括文本輸入框、單選按鈕、多選框和下拉菜單等。
以下是一段HTML代碼,它創建了一個下拉菜單:
<form action="submit.php" method="post"> <p> <label for="colors">請選擇顏色: </label> <select name="colors" id="colors"> <option value="red">紅色</option> <option value="blue">藍色</option> <option value="green">綠色</option> </select> </p> </form>該代碼創建了一個表單,在這個表單中,用戶可以從三種顏色中選擇其一。在<select>標簽中,其中每個<option>標簽代表了一個選項,并且它們的value屬性定義了提交表單時被發送到服務器的值。如果用戶選擇了紅色,則表單數據中的“colors”參數將設置為“red”。 此外,<select>標簽還包含一個“id”屬性。這個屬性可以用于與<label>標簽關聯。這里的<label>標簽是一個可選的標簽,它提供了一個文本標簽,幫助用戶了解這個下拉菜單的用途。通過使用“for”屬性,<label>標簽將與它所關聯的表單元素相關聯。 除了下拉菜單之外,HTML還提供了很多其他類型的表單元素,以滿足在Web頁面中收集數據的需求。只需要這些表單元素的HTML代碼就可以創建輸入表單。