如何使 HTML 選擇欄位成為必填項？

使用必需屬性驗證 HTML 選擇欄位中的使用者輸入

儘管它存在於其他 HTML 表單元素中，但 HTML 選擇欄位本身並不支援 required 屬性。不過，有一種方法可以實現此功能。

先決條件：

• 有效的HTML5 文件類型聲明（例如，）
• 已命名選擇元素內的輸入欄位（例如name ="some_name"）

實作：

要讓選擇欄位成為必填項，請確保以下內容：

1. 第一個值為空： 選擇清單中的第一個選項應具有空值（例如，）。這用作空選擇的佔位符。
2. 必需屬性： 將必要屬性加入選擇元素（例如，）。

範例：

<code class="html"><select name="somename" required>
  <option value="">Please select</option>
  <option value="one">One</option>
</select></code>

說明：

根據HTML5 規範，當滿足以下條件時，空的第一個值將作為佔位符：

• select 元素有一個必需的屬性。
• 該元素沒有 multiple 屬性。
• 顯示大小為 1（即沒有 SIZE 屬性或 SIZE="1 ")。
• 第一個選項的值為空字串（例如 value=""）。

以上是如何使 HTML 選擇欄位成為必填項？的詳細內容。更多資訊請關注PHP中文網其他相關文章！