HTML 選擇屬性 Javascript

| | | | | | | | | | | | | | | | | | | | | |

HTML 標籤必須包含一個或多個

點擊區域是許多 Web 表單的重要組成部分。複選框允許您接受用戶輸入並限制用戶可以從您指定的選項中選擇的選項。

HTML 標籤。我們將參考一個示例來幫助您開始使用此標籤。

HTML 表單

表單是許多網站的重要組成部分,允許您接受可以構建的用戶數據在您的網站上。例如,如果您正在為咖啡館設計網站,您可以創建一個接受客戶反饋的表單。

在 HTML 中, 用於聲明一個模塊。然後您可以使用 HTML 元素,如 並選擇設置將收集的表單數據。在本教程中,我們將重點介紹 標籤

HTML代碼 元素標記中的單個選項

標籤本身沒有選項。我們需要使用 來設置出現在 標籤中。在這個例子中,我們還用 被所有主要的現代瀏覽器支持

為什麼你..他們應該使用 的按鈕在您想要限制用戶可以在表單中輸入的值時很有用場地。以下是

假設您正在為當地麵包店創建一個 Web 表單。我們被要求創建一個允許用戶訂購麵包的表單。該表單應該顯示一個麵包下拉列表,用戶可以從中選擇麵包。應該出現的是:/ul>

默認情況下,應該選擇Plain White

要創建這個 HTML 下拉菜單菜單,我們可以使用如下代碼:

我們的代碼返回:

來定義我們的選擇列表。我們指定 name 屬性,該屬性指定選擇表單控件的名稱,並為該屬性分配值 breadType

接下來,我們使用四個 標籤來創建呈現給用戶的選項列表。這些 標記中的每一個都具有指定的 value 屬性。該屬性存儲用戶提交表單時將發送到服務器的選項值。

第一個顯示正常白色標籤的標籤,< /em> 還指定了 selected 屬性。 .這使得 Color: White Normal 成為默認選擇的選項

我們可以允許我們的用戶使用 multiple 屬性從列表中選擇多個選項:

multiple 屬性是一個關鍵字。這意味著您不需要使用等號來為屬性分配值。

要選擇多個值,請按住 Windows 上的 Ctrl 按鈕或 Mac 上的 Cmd 按鈕。

HTML 標籤屬性 有一些特定的 HTML 屬性 c 它可以應用於標籤。這些屬性如下:

屬性 描述
autofocus autofocus 加載文檔時將焦點設置到下拉列表。
disabled disabled 表示下拉列表被禁用(如果用戶無法使用列表顯示值)
form form_id 表示 元素已鏈接。
多個 多個 允許用戶選擇多個選項。
名稱 名稱 表示元素的名稱。
必填 必填 表示必須填寫表單域才能提交。
size number 指定例如應該呈現給用戶的選項的數量。 HTML 元素

結論

顯示預定義列表價值觀。用戶可以從列表中選擇一個或多個值“Äã”。當您希望用戶從預定義的可能值列表中選擇一個值時, 標記以在 HTML 中創建下拉表單字段。

想了解有關 HTML 編程的更多信息?查看我們的 HTML 學習指南 。本指南包含有關如何學習 HTML 的最佳技巧以及幫助您擴展知識的學習資源列表。