表格選擇必需和佔位符

Question

因此，在這個時候繼承我的代碼（注意 - 這段代碼在PHP for循環中被回顯出來，所以當你看到$ i變量時就假定它的數字是遞增的每個通過）：

<select name='field{$i}type' class='form-control' required> 
    <option disabled selected hidden>Type of Field</option> 
    <option value='text'>Text</option> 
</select> 

當這個選擇動態創建與我的PHP，我想有一個「佔位符」選擇。我找到了關於如何製作佔位符（Bootstrap select dropdown list placeholder）的答案，該佔位符現在在那裏並正在工作。但是，我需要這個選擇是必需的。我需要強制用戶在提交表單前選擇文本選項。任何方式在純HTML中做到這一點？所需的選項會讓我感到困惑，因爲我已經放入了「selected」參數。是這樣嗎？我怎樣才能解決這個問題。

Answer 1

如果值是空喜歡value=""，它是必需的，那麼你需要一個值提交（HTML驗證。）

所需的屬性

最簡單的HTML5驗證功能使用的是必需的屬性 - 如果要強制輸入，可以使用此屬性標記元素。設置此屬性後，如果輸入爲空（輸入也將被視爲無效），表單將不會提交（並顯示錯誤消息）。

REF：https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

<form> 
 
    <select name='field{$i}type' class='form-control' required> 
 
    <option disabled value="" selected hidden>Type of Field</option> 
 
    <option value='text'>Text</option> 
 
</select> 
 

 
    <button type="submit">SUBMIT</button> 
 
</form>