东莞天助网的网站,毕业设计代做网站 知乎,省级门户网站建设,全国网站备案咨询电话大家好#xff0c;我是大澈#xff01;
本文约1100字#xff0c;整篇阅读大约需要2分钟。
关注微信公众号#xff1a;“程序员大澈”#xff0c;免费加入问答群#xff0c;一起交流技术难题与未来#xff01;
现在关注公众号#xff0c;免费送你 ”前后端入行大礼包…大家好我是大澈
本文约1100字整篇阅读大约需要2分钟。
关注微信公众号“程序员大澈”免费加入问答群一起交流技术难题与未来
现在关注公众号免费送你 ”前后端入行大礼包“ 包含了前后端面试题、面试技巧、简历模版、前后端学习路线图、前后端全技术栈学习笔记。 1. 干货速览
今天分享4个冷门但非常实用的HTML属性列出来。
inputmode属性改变键盘布局 poster属性设置视频封面 tabindex属性改变Tab键导航顺序 dir属性改变文本排列方向 下面对其展开详细讲解 2. 干货详细
先简单介绍4个HTML冷门属性最后做小结。
2.1 inputmode
inputmode 属性是 HTML5 中的一个相对较新的属性用于指定浏览器在输入字段中应该使用的输入模式。
说白了在H5中inputmode值会影响弹出的键盘布局。
div默认值普通文本input typetext inputmodetext //div
div电话号码input typetext inputmodetel //div
divurl地址input typetext inputmodeurl //div
div邮箱input typetext inputmodeemail //div
div数字input typetext inputmodenumeric //div
div小数input typetext inputmodedecimal //div
div搜索input typetext inputmodesearch //div此时可能有的朋友会有疑问input 元素的 type 属性和 inputmode 属性有啥区别
用通俗的语言解释type属性用于限制输入值的类型inputmode 属性用于限制弹出键盘的布局。 2.2 poster
poster 属性是 video 元素的一个属性接受一个图片的 URL该图片将作为视频的封面。
当然如果你没有设置 poster 属性的话默认将视频第一帧作为视频的封面。 video src poster./cover.jpg/video
2.3 tabindex
tabindex 属性用于指定元素在通过 Tab 键进行键盘导航时的顺序接受一个整数值用于确定元素在 Tab 键顺序中的位置。
请注意滥用或不正确使用 tabindex 属性可能会导致键盘导航的混乱和不一致。
input typetext tabindex1 /
input typetext tabindex3 /
input typetext tabindex2 / 2.4 dir
dir 属性用于定义元素内容的文本方向。
它是一个全局属性适用于大多数 HTML 元素。
p dirltr从左往右排版/p
p dirrtl从右往左排版/p
p dirauto自动检测文本排版/p2.5 小结
今天大澈给朋友们分享了4个HTML冷门属性。
inputmode属性改变键盘布局 poster属性设置视频封面 tabindex属性改变Tab键导航顺序 dir属性改变文本排列方向 赶紧去试试吧 结语 我是大澈一个喜欢交朋友、喜欢分享、喜欢搞钱的90后小伙。 文章主分享前后端功能问题实现、次分享技术资讯、实用干货。 遇到技术难题在问答群里与众多同行朋友一起讨论成长。
关注微信公众号“程序员大澈”免费加入问答群一起交流技术难题与未来
现在关注公众号免费送你 ”前后端入行大礼包“ 包含了前后端面试题、面试技巧、简历模版、前后端学习路线图、前后端全技术栈学习笔记。