首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如果枚举属性是一个具有固定的可能值集的属性,那么HTML中未枚举属性的示例是什么?

如果枚举属性是一个具有固定的可能值集的属性,那么HTML中未枚举属性的示例是什么?
EN

Stack Overflow用户
提问于 2022-11-04 22:01:09
回答 1查看 13关注 0票数 0

试图理解“枚举”的概念,因为它涉及全局HTML属性。

概念问题。

EN

回答 1

Stack Overflow用户

发布于 2022-11-06 22:13:09

枚举属性基本上是一个具有固定的可接受值集的属性。对于例如,<input>标记的type属性可以有以下值之一:

  1. button
  2. checkbox
  3. color
  4. date
  5. email
  6. text
  7. password

还有很多,但你明白了。此属性可以具有一定数量的值。如果我输入的属性不是此预定义列表的一部分,则输入按钮将不知道如何处理它,并回退到它的默认行为,即输入类型“text”。

例:

代码语言:javascript
运行
复制
.container {
  display: flex;
  flex-direction: column;
}

input {
  width: 300px;
  margin: 5px 10px;
}
代码语言:javascript
运行
复制
<div class="container">
  <input type="file">
  <input type="text">
  <input type="date">
  <input type="range">
  <input type="list">
</div>

正如您所看到的,list不是一个可接受的值,因此输入作为常规文本输入工作。

现在,如果枚举属性只能接受固定值,则根据该逻辑,将不会枚举可以接受任何值的属性。这方面的例子可以是标题data-*和value属性。可能还有很多,但这些都是我能从头顶上想到的。

使用前面的示例:

代码语言:javascript
运行
复制
.container {
  display: flex;
  flex-direction: column;
}

input {
  width: 300px;
  margin: 5px 10px;
}
代码语言:javascript
运行
复制
<div class="container">
  <input type="file" title="No file chosen">
  <input type="text" placeholder="Type some text">
  <input type="text" placeholder="Enter something here">
  <input type="date" title="Select a date">
</div>

我给了占位符和标题属性不同的值,但它们都是有效的。

希望这能回答你的问题

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74323388

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档