您好!欢迎访问家园网-www.jy.wang!

家园网

HTML5中允许省略属性值的属性有checked,readonly等,请全部列出,并挨个讲解

网络 作者:本站 点击:

在HTML5中,允许省略属性值的属性主要是布尔类型的属性,这些属性的值为truefalse。当省略属性值时,表示该属性的值为true。以下是这些属性的详细说明:


1. checked

  • 词源含义‌:来自英语“check”,表示“勾选”或“确认”。

  • 用法‌:用于<input type="checkbox"><input type="radio">元素,表示该选项默认被选中。

  • 例子‌:

<input type="checkbox" checked>

2. readonly

  • 词源含义‌:来自“read”和“only”,表示“只读”。

  • 用法‌:用于<input><textarea>元素,表示该元素的内容不可编辑。

  • 例子‌:

<input type="text" readonly>

3. disabled

  • 词源含义‌:来自“disable”,表示“禁用”。

  • 用法‌:用于表单元素,表示该元素不可交互。

  • 例子‌:

<button disabled>提交</button>

4. selected

  • 词源含义‌:来自“select”,表示“被选中”。

  • 用法‌:用于<option>元素,表示该选项默认被选中。

  • 例子‌:

<option selected>选项一</option>

5. defer

  • 词源含义‌:来自“defer”,表示“延迟”。

  • 用法‌:用于<script>标签,表示脚本在文档解析完成后执行。

  • 例子‌:

<script defer src="script.js"></script>

6. ismap

  • 词源含义‌:来自“is map”,表示“是地图”。

  • 用法‌:用于<img>标签,配合<map>使用,表示该图像为客户端图像映射。

  • 例子‌:

<img src="map.png" ismap>

7. nohref

  • 词源含义‌:来自“no href”,表示“无链接”。

  • 用法‌:用于<area>标签,表示该区域不具有链接。

  • 例子‌:

<area shape="rect" nohref>

8. noshade

  • 词源含义‌:来自“no shade”,表示“无阴影”。

  • 用法‌:用于<hr>标签,表示该水平线不显示阴影效果(已废弃)。

  • 例子‌:

<hr noshade>

9. nowrap

  • 词源含义‌:来自“no wrap”,表示“不换行”。

  • 用法‌:用于表格单元格,表示单元格内容不自动换行。

  • 例子‌:

<td nowrap>内容</td>

10. multiple

  • 词源含义‌:来自“multiple”,表示“多个”。

  • 用法‌:用于<input type="email"><input type="file">,表示允许选择多个值。

  • 例子‌:

<input type="email" multiple>

11. noresize

  • 词源含义‌:来自“no resize”,表示“不可调整大小”。

  • 用法‌:用于<textarea>,表示该文本域不可调整大小。

  • 例子‌:

<textarea noresize></textarea>

以上属性在HTML5中都可以省略属性值,省略后等价于属性值为true。这些属性通常用于控制元素的行为或状态。


总结表格

属性词源及含义用法举例注意事项
checked来自英语"check",表示"勾选"或"确认"用于<input type="checkbox"><input type="radio">元素,表示该选项默认被选中<input type="checkbox" checked>省略属性值时等价于checked="checked"
readonly来自"read"和"only",表示"只读"用于<input><textarea>元素,表示该元素的内容不可编辑<input type="text" readonly>省略属性值时等价于readonly="readonly"
disabled来自"disable",表示"禁用"用于表单元素,表示该元素不可交互<button disabled>提交</button>省略属性值时等价于disabled="disabled"
selected来自"select",表示"被选中"用于<option>元素,表示该选项默认被选中<option selected>选项一</option>省略属性值时等价于selected="selected"
defer来自"defer",表示"延迟"用于<script>标签,表示脚本在文档解析完成后执行<script defer src="script.js"></script>省略属性值时等价于defer="defer"
ismap来自"is map",表示"是地图"用于<img>标签,配合<map>使用,表示该图像为客户端图像映射<img src="map.png" ismap>省略属性值时等价于ismap="ismap"
nohref来自"no href",表示"无链接"用于<area>标签,表示该区域不具有链接<area shape="rect" nohref>省略属性值时等价于nohref="nohref"
noshade来自"no shade",表示"无阴影"用于<hr>标签,表示该水平线不显示阴影效果(已废弃)<hr noshade>省略属性值时等价于noshade="noshade"
nowrap来自"no wrap",表示"不换行"用于表格单元格,表示单元格内容不自动换行<td nowrap>内容</td>省略属性值时等价于nowrap="nowrap"
multiple来自"multiple",表示"多个"用于<input type="email"><input type="file">,表示允许选择多个值<input type="email" multiple>省略属性值时等价于multiple="multiple"
noresize来自"no resize",表示"不可调整大小"用于<textarea>,表示该文本域不可调整大小<textarea noresize></textarea>省略属性值时等价于


标签: