如果用户没有进行下拉选择，我如何不在 HTML 电子邮件中包含 'none'？

Question

我正在学习如何使用 HTML 中的 select 标记来创建下拉菜单。然后我发现下拉 selections 可以作为电子邮件发送。在对该标签进行一些试验后，我发现如果用户没有进行下拉 selection，我就不能 'not include' 我电子邮件中的 'None' 关键字。这非常令人沮丧。

<html>
<body>

<form action="mailto:test@gmail.com">
  <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 Schools）

基本上，当我从 2 个下拉列表中选择 1 个 select 离子并将另一个保留为 none 时，当我单击提交时包含值 None 的标签

例如，如果我为汽车下拉菜单选择奥迪 selection，为自行车 selection 选择 none，在邮件中显示为： 汽车=沃尔沃自行车=None 或类似的东西。如果用户没有为该特定标签制作 selection，我如何不在电子邮件中包含 'none'？

抱歉没有清楚地提出问题

Answer 1

需要 select 标记并清空要设置为占位符的第一个元素

<select name="cars" id="cars" required>
    <option value="">None</option>

完整代码如下：

<html>
<body>

<form action="mailto:test@gmail.com">
  <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>

希望对您有所帮助

如果用户没有进行下拉选择，我如何不在 HTML 电子邮件中包含 'none'？

How do I not include 'none' in a HTML email if the user hasn't made a dropdown selection?

html

forms