需要從下拉菜單中進行選擇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

回答

相關問題