如何指定用户在提交 HTML5 表单之前需要选择一个值？

在 HTML5 中，可以使用 required 属性来指定一个表单控件（例如输入框、下拉菜单）必须填写、必须选择值，否则表单不能提交。

代码示例

下面是一个示例代码片段，用于指定在提交表单之前必须选择一个值：

<form>
  <label for="fruit-select">请选择一个水果：</label>
  <select id="fruit-select" name="fruit-select" required>
    <option value="">请选择</option>
    <option value="apple">苹果</option>
    <option value="banana">香蕉</option>
    <option value="pear">梨子</option>
  </select>
  <button type="submit">提交</button>
</form>

在这个示例中，使用了 select 元素来展示水果的选择项，将其设置为required属性，这样在用户未选择水果时，表单将无法被提交。

除了select元素，其他表单控件也可以使用required属性，例如：

<label for="username">请输入用户名：</label>
<input type="text" id="username" name="username" required>

使用required属性可以让用户更好地了解表单的填写规则，也能防止用户发生未填写必填字段而误操作的情况。

总结

HTML5 表单除了提供了一些新的表单类型和属性，还提供了required属性来指定表单控件的必填值。这样可以有效地保证表单数据的完整性和准确性。