HTML5新增全局属性

举报
yd_221104950 发表于 2020/12/03 23:24:22 2020/12/03
【摘要】 所谓全局属性就是指可以对任何元素都使用的属性。 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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。