选择选项值可以是不同的类型吗？

Question

我想知道选择选项值的最佳做法。

例子

<select name="select">
  <option value="0-9">Sample</option>
  <option value="a-z">Sample</option>
  <option value="this is sample value">Sample</option>
  <option value="this-is-sample-value">Sample</option>
  <option value="this_is_sample_value">Sample</option>
  <option value="this & is | sample ** value">Sample</option>
</select>

我在这里有点困惑。选择值是否与input text 和textarea 相同

Answer 1

对于可以在选项元素的 value 属性中设置的数据类型没有实际限制。当然，在 HTML 中具有特殊含义的字符确实需要由适当的实体表示（例如，& 为 &（尽管问题中的字符符合规则的“后跟空格字符”例外） )。

该属性被定义为包含 CDATA：

<!ELEMENT OPTION - O (#PCDATA)         -- selectable choice -->
<!ATTLIST OPTION
  %attrs;                              -- %coreattrs, %i18n, %events --
  selected    (selected)     #IMPLIED
  disabled    (disabled)     #IMPLIED  -- unavailable in this context --
  label       %Text;         #IMPLIED  -- for use in hierarchical menus --
  value       CDATA          #IMPLIED  -- defaults to element content --
  >

——http://www.w3.org/TR/html4/interact/forms.html#h-17.6

CDATA 是一个字符序列 文档字符集，并且可能 包括字符实体。用户 代理应该解释属性 值如下：

• 用字符替换字符实体，
• 忽略换行，
• 用一个空格替换每个回车符或制表符。

用户代理可能会忽略前导和 CDATA 中的尾随空格 属性值（例如，“myval” 可以解释为“myval”）。 作者不应声明属性 带有前导或尾随白色的值 空间。

对于一些带有 CDATA 的 HTML 4 属性 属性值，规范 对集合施加进一步的约束 属性的合法值 DTD 可能无法表达。

——http://www.w3.org/TR/html4/types.html#type-cdata

规范没有对选项元素的 value 属性施加额外的限制。

Answer 2

与文本类型的输入相同——可以是字符串、浮点数等。这更多的是一个问题，当您处理表单数据时，哪个最可靠。

Answer 3

发布的值将是与选择相对应的值。

在这方面，它的处理方式与输入类型文本相同。

Answer 4

是的，它是一个字符串类型，可以有任何值。当您提交表单时，该值就会消失，并且存在限制。

限制取决于您在服务器端使用的技术。

在 ASP.Net 的情况下，当您尝试发布 & 或特别是 some script script > 或类似的字符时html 标签的一部分，或者可能是一个危险的脚本。 asp.net 检查发布的数据并抛出异常。表示对于 asp.net，选择框的值中不允许某些特殊字符

但是您给出的示例（除了具有 & 应该以 amp; 为前缀）是允许的，并且可以在选项标签值属性中设置。

希望您的理解得到建立。