使字段<select>为必填字段?



可能重复:
我可以将所需的属性应用于<选择>HTML5中的字段?

我从这里开始使用html5联系人表单,但在尝试使<select>字段成为必需字段时遇到问题。其他一切都很好,只是遇到了问题,当我问到这个领域时,开发人员没有回应。这就是我的

 <select name="package" id="package" title="Please choose a package" class="required">
    <option value="">------------------</option>
    <option value="basic">Basic</option>
    <option value="plus">Plus</option>
    <option value="premium">Premium</option>
</select>

我缺少什么才能使其正常工作?

我相信这个问题的首要答案是你想要的。引用

这对我来说很有效-第一个值为空-必需的值为空。

<select required> <option value="">Please select</option> <option value="one">One</option> </select>

检查以下内容:http://www.w3.org/TR/html-markup/select.html

全局属性全局允许的任何属性。

  1. name=字符串

    为了提交表单,与此元素关联的名称/值对的名称部分。

  2. disabled="disabled"或"(空字符串(或空

    指定元素表示禁用的控件。

  3. form=ID参考NEW

    与元素关联的窗体上的id属性的值。

  4. size=正整数

    要显示给用户的选项数。

  5. multiple="multiple"或"(空字符串(或空

    如果存在,则表示其选择元素表示用于从选项列表中选择零个或多个选项的控件。如果不存在,则表示其select元素表示用于从选项列表中选择单个选项的控件。

  6. autofocus="autofocus"或"(空字符串(或空

    指定元素表示一个控件,UA在加载文档后立即将焦点放在该控件上。

  7. required = "required" or ""(空字符串(或空

    指定元素是表单提交的必需部分。

因此您需要<select>required = "required"属性

如果你有更好的浏览器,你可以试试这个(就像在this线程中一样(:

<select required>
  <option value=""></option>
  <option value="basic">Basic</option>
  <option value="plus">Plus</option>
  <option value="premium">Premium</option>
</select>

,但您仍然应该使用JavaScript,因为没有多少人拥有支持HTML5required属性的浏览器。IE和Safari不支持它。

最新更新