HTML5新增全局属性
【摘要】 所谓全局属性就是指可以对任何元素都使用的属性。
1、contentEditable属性:允许用户在线编辑元素中的内容。
<!DOCTYPE html>
<title>Hello World</title>
<h2>可编辑列表</h2>
<ul contentEditable="true"> &l...
所谓全局属性就是指可以对任何元素都使用的属性。
1、contentEditable属性:允许用户在线编辑元素中的内容。
<!DOCTYPE html>
<title>Hello World</title>
<h2>可编辑列表</h2>
<ul contentEditable="true"> <li>列表项1 <li>列表项2 <li>列表项3
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
可惜的是,暂时还没有特别的API来保存修改后的内容。但是我们可以用它来快速修改,然后在查看源码时,把它复制出来。
2、hidden属性:通知浏览器不渲染这个元素,使其处于不可见状态。类似于input的hidden属性。
<!DOCTYPE html>
<title>Hello World</title>
<h2 hidden="hidden">可编辑列表</h2>
- 1
- 2
- 3
- 4
3、spellcheck属性:针对input元素(type=text)与textarea元素这两个文本输入框提供的属性,用于对文本内容的拼写和语法的检查。
<!DOCTYPE html>
<title>Hello World</title>
<input type="text" spellcheck="true">
<br/>
<textarea spellcheck="true">
- 1
- 2
- 3
- 4
- 5
- 6
4、tabindex属性:当不断按Tab键时,让窗口或页面中的控件获得焦点,对窗口或页面中的所有控件进行遍历的时候,每一个控件的tabindex属性表示该控件是第几个被访问到的。
谢谢阅读。
文章来源: blog.csdn.net,作者:WongKyunban,版权归原作者所有,如需转载,请联系作者。
原文链接:blog.csdn.net/weixin_40763897/article/details/89338520
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)