大佬教程收集整理的这篇文章主要介绍了HTML5全局属性汇总,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE html> <html lang="zh-CN"> <head> <Meta charset="UTF-8"> <Meta name="viewport" content="width=device-width,initial-scale=1.0"> <Meta @R_874_10107@-equiv="X-UA-Compatible" content="ie=edge"> <title>HTML全局属性测试</title> </head> <body> <form action=""> <p> Name: <input type="text" name="name" id="" accesskey="n"> </p> <p> password: <input type="password" name="password" id="" accesskey="p"> </p> <p> Name: <input type="submit" name="" id="" value="Log In" accesskey="s"> </p> </form> </body> </html>@H_301_8@在上面的例子中,三个input元素添加了accesskey属性,这样在Mac下就可以用
Control + Alt(Option) + n
快捷键访问到Name的输入框了。用来触发accesskey机制的按键组合因平台而异,具体如下:
浏览器/平台 | Window | Linux | @H_814_22@mac|
---|---|---|---|
Firefox | Alt + Shift + key | Alt + Shift + key | Control + Alt + key |
Internet Explorer | Alt + key | N/A | N/A |
Google Chrome | Alt + key | Alt + key | Control + Alt + key |
Safari | Alt + key | N/A | Control + Alt + key |
Opera | 同Google Chrome | 同Google Chrome | 同Google Chrome |
<body> <!-- contenteditable属性应用 --> <p contenteditable="true">设置为 true 是可编辑的</p> </body>@H_301_8@如上例,p元素的contenteditable属性值设置为true时,用户可以单击文字编辑内容。设置为false时禁止编辑。
<!-- dir属性应用 --> <p dir="ltr">从左到右</p> <p dir="rtl">从右到左</p>@H_301_8@
<!-- hidden属性应用 --> <div hidden>这个元素将会被隐藏</div>
<!-- lang属性应用 --> <p lang="en">Hello - how are you?</p>
<!-- spellcheck属性应用 --> <textarea name="" id="" cols="30" rows="10" spellcheck="true">This is some lalalala text</textarea>@H_301_8@
<!-- tabindex属性应用 --> <form action=""> <label>Name: <input type="text" name="" id="" tabindex="2"></label> <label>City: <input type="text" name="" id="" tabindex="-1"></label> <label>Country: <input type="text" name="" id="" tabindex="1"></label> <input type="submit" value="" tabindex="3"> </form>@H_301_8@上面的代码实现效果是:在按Tab键的过程中,tabindex为1的Country输入框第一个被选中,接着焦点会跳到Name输入框,最后是submit提交。tabindex设置为-1的元素不会在用户按下Tab键后被选中。
<!-- title属性应用 --> <a href="@R_874_10107@s://qiqihaobenben.github.io/" title="我的个人网站">qiqihaobenben.github.io</a>
以上是大佬教程为你收集整理的HTML5全局属性汇总全部内容,希望文章能够帮你解决HTML5全局属性汇总所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。