需要从下拉菜单中进行选择html 5

是否可以强制/要求用户从下拉菜单中进行选择？示例：需要从下拉菜单中进行选择html 5

<form action=""> 
<select name="cars"> 
<option value="volvo">Volvo</option> 
<option value="saab">Saab</option> 
<option value="fiat">Fiat</option> 
<option value="audi">Audi</option> 
</select> 
</form>

默认情况下，选择“沃尔沃”。我想要的是浏览器知道用户已经做出选择并且不接受自动默认。

我想是这样的：

<form action=""> 
<select name="cars" required="required"> 
<option value="volvo">Volvo</option> 
<option value="saab">Saab</option> 
<option value="fiat">Fiat</option> 
<option value="audi">Audi</option> 
</select> 
</form>

有什么建议？

来源

2012-10-17 Austin Lovell

添加额外的选项，比如''。您目前的愿望有一个小小的疏漏：如果浏览器必须拒绝默认选项，用户将如何选择沃尔沃？ –

可以说，我做了默认选项和用户试图提交而不更改该选项，它不会提交“ - 选择一个选项 - ”？ –

是的。你会在服务器端检查（显然），如果它无效，请求新的输入。 –

我调整了jquery验证的一个例子，以便为您工作。我知道你问的原始问题是基于HTML5，但也许这个混合的例子是可以接受的。

http://jsfiddle.net/36MkJ/

<html> 
<head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $("#carsForm").validate(); 
     }); 
    </script> 
</head> 
<body> 
<form class="cmxform" id="carsForm" method="get" action=""> 
    <select name="cars" class="required"> 
     <option value="">Select a car</option> 
     <option value="volvo">Volvo</option> 
     <option value="saab">Saab</option> 
     <option value="fiat">Fiat</option> 
     <option value="audi">Audi</option> 
    </select> 
    <p> 
     <input class="submit" type="submit" value="Submit"/> 
    </p> 
</form>

原来的例子是在http://docs.jquery.com/Plugins/Validation

来源

2012-10-17 16:51:04 zmanc

需要从下拉菜单中进行选择html 5

回答

相关问题