表格选择必需和占位符

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选择下拉列表占位符)的答案,现在它已经存在且正常工作.但是,我需要这个选择.我需要强制用户在表单提交之前选择文本选项.用纯HTML做任何方法吗？我相信所需的选项变得混乱,因为我已经输入了"选中"参数.是这样的吗？我怎样才能解决这个问题.

Answer 1

如果值为null value=""并且是必需的,则需要提交值(HTML验证.)

必需属性

要使用的最简单的HTML5验证功能是必需属性 - 如果要强制输入,可以使用此属性标记元素.设置此属性后,当输入为空时,表单将不会提交(并将显示错误消息)(输入也将被视为无效).

参考: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>