我正在學習如何在 HTML 中使用 select 標簽來創建下拉選單。然后我發現下拉選擇可以作為電子郵件發送。在對標簽進行了一些試驗后，我發現如果用戶沒有進行下拉選擇，我就不能在我的電子郵件中“不包含”“無”關鍵字。這非常令人沮喪。
<html>
<body>
<form action="mailto:[email protected]">
<label for="cars">Choose a car:</label>
<select name="cars" id="cars">
<option value="None">None</None>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<label for="bike">Choose a bike:</label>
<select name="cars" id="cars">
<option value="None">None</None>
<option value="bike1">Volvo</option>
<option value="bike2">Saab</option>
</select>
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
（代碼學分：W3 學校）
基本上，當我在 2 個下拉選項中選擇 1 個并在單擊提交標簽時將另一個保留為無時，包含值 None
例如，如果我為 Car 下拉選擇選擇 Audi，而 Bike 選擇為 none，則在郵件中顯示為： cars=volvo bike=None 或類似的東西。如果用戶沒有選擇該特定標簽，我如何不在電子郵件中包含“無”？
為沒有清楚地提出問題而道歉
uj5u.com熱心網友回復：
需要選擇標簽并清空第一個元素以設定為占位符
<select name="cars" id="cars" required>
<option value="">None</option>
完整的代碼如下：
<html>
<body>
<form action="mailto:[email protected]">
<label for="cars">Choose a car:</label>
<select name="cars" id="cars" required>
<option value="">None</None>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<label for="bike">Choose a bike:</label>
<select name="cars" id="cars" required>
<option value="">None</None>
<option value="bike1">Volvo</option>
<option value="bike2">Saab</option>
</select>
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
我希望這對你有幫助
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/476455.html
上一篇：如何從使用GoogleApps腳本部署的表單中排除已達到容量的選項
下一篇：如何回圈并從資料庫中選擇