必需属性

Question

所以这时代我的代码（注意 - 这个代码在PHP for循环内部是echo＆＃39; d out，所以当你看到$ i变量时只假设它是一个数字＆＃39; s递增每一遍）：

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

当使用我的php动态创建此选择时，我希望有一个＆＃34;占位符＆＃34;对于选择。我已经找到了关于如何制作占位符（Bootstrap select dropdown list placeholder）的答案，该占位符现已存在且正常工作。但是，我需要这个选择。我需要强制用户在表单提交之前选择文本选项。用纯HTML做任何方法吗？我相信所需的选项变得混乱，因为我已经选择了＃34;选择＆＃34;参数。是这样的吗？我该如何解决这个问题。

Answer 1

如果值为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>

表格选择必需和占位符

1 个答案:

必需属性