html - 是一个没有值(value)的选择选项，有效吗？

Question

假设我有这个选择。如果我发布这个，值将是:城市 1、城市 2、城市 3 和城市 4。我不想给它们一个值，因为该值与选项名称相同。

这样可以吗？

<select>
    <option>City 1</option>
    <option>City 2</option>
    <option>City 3</option>
    <option>City 4</option>
</select>

Answer 1

如果没有值，将使用您的文本。您可以在 HTML 标准上找到此信息:

The value attribute provides a value for element. The value of an option element is the value of the value content attribute, if there is one, or, if there is not, the value of the element's text IDL attribute.
https://html.spec.whatwg.org/multipage/forms.html#the-option-element

或在 W3C Wiki 上

Provides a value for element. If there isn't, the value of an option element is the textContent of the element.
https://www.w3.org/wiki/HTML/Elements/option

测试用例

使用以下代码片段，您可以测试选项的行为:http://jsfiddle.net/ghqp08kr/

<form action="http://posttestserver.com/post.php" method="post">
  <select name="values">
    <option value="with-value">With Value</option>
    <option>Without Value</option>
    <option value="">With Empty Value</option>
  </select>
  <input type="submit"/>
</form>

<!-- With Value -->
key: 'values' value: 'with-value'

<!-- Without Value -->
key: 'values' value: 'Without Value'

<!-- Without Empty Value -->
key: 'values' value: ''