爲什麼HTML選擇框不支持佔位符屬性？

Question

我正在使用html選擇框，並發現它們目前don't支持佔位符屬性，但我不完全明白爲什麼會出現這種情況。

我只想了解這是什麼原因？感謝您的任何見解。

Answer 1

可能這是因爲傳統佔位符文本在選擇元素中沒有意義，因爲您只有一組預定義的選項可供選擇。您無法在許多桌面應用程序中使用可編輯組合框來編輯select元素中的文本，但這僅僅是因爲HTML並不提供可編輯的選擇元素。

的選擇元件，使用正是如此描述什麼樣的HTML5規範調用placeholder label option，方法實現「佔位符」：

如果select元素已經指定required屬性，沒有指定multiple屬性，顯示尺寸爲1;如果在選項select元素的列表（如果有的話）的第一option元素的值是空字符串，那option元素的父節點是select元件（而不是一個optgroup元件），則該option是select元件的佔位符標籤選項。

而且它提供了以下示例：

代碼示例：

下面的示例示出了select元件如何可以被用來爲用戶提供與一組選項從該用戶可以選擇一個選項。默認選項已預先選擇。

<p> 
<label for="unittype">Select unit type:</label> 
<select id="unittype" name="unittype"> 
    <option value="1"> Miner </option> 
    <option value="2"> Puffer </option> 
    <option value="3" selected> Snipey </option> 
    <option value="4"> Max </option> 
    <option value="5"> Firebot </option> 
</select> 
</p> 

如果沒有默認選項，佔位符可以用來代替：

<select name="unittype" required> 
<option value=""> Select unit type </option> 
<option value="1"> Miner </option> 
<option value="2"> Puffer </option> 
<option value="3"> Snipey </option> 
<option value="4"> Max </option> 
<option value="5"> Firebot </option> 
</select> 

這個成語已經在事實上已經在自古以來使用。

Answer 2

當用戶未輸入任何值時，將顯示佔位符文本。 選擇框，在這種情況下，第一個選項將在用戶未輸入值時出現。因此，我們可以使用1st <option>作爲佔位符文本&佔位符屬性不是必需的。