携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第4天,点击查看活动详情
大家好,我是速冻鱼🐟,一条水系前端💦,喜欢花里胡哨💐,持续沙雕🌲
欢迎小伙伴们加我微信
:sudongyuer
拉你进群
关注我的公众号
:前端速冻鱼
一起进步,期待与大家共同成长🥂
1. 捕获属性打开你的设备摄像头
正如 input 标记具有 email、 text 和 password 属性一样,还有一个属性可以打开移动设备的摄像头来捕捉图像。
这是通过 capture 属性完成的,该属性可以有两个值:
- 前置摄像头用户
- 后置摄像头的环境
<input type="file" capture="user" accept="image/*">
2. 网站自动刷新
您可以设置您的网站刷新后,给定的时间从头标签!
<head>
<meta http-equiv="refresh" content="10">
</head>
这个片段每10秒刷新一次网站
3. 激活拼写检查
您可以使用 HTML 拼写检查属性并将其设置为 true 来激活它。指定使用 lang 属性的语言
<input type="text" spellcheck="true" lang="en">
它是一个标准属性,大多数浏览器都支持它
4. 指定要上传的文件类型
您可以使用 accept 属性指定用户允许在 input 标记中上载的文件类型
<input type="file" accept=".jpeg,.png">
5. 防止翻译
将 translate 属性设置为 no,可防止翻译。这一点很重要,以防你不想翻译一个短语或单词,例如你的标志、公司或品牌名称。
<p translate="no">Brand name</p>
6. 在 input 标签中输入多个条目
这可以通过多个属性来完成
<input type="file" multiple>
它适用于文件和电子邮件。对于电子邮件,用逗号分隔每封电子邮件。
7. 为你的视频创建一个海报(缩略图)
通过海报属性,您可以创建一个图像,该图像在视频下载时显示,或者直到用户点击播放按钮。
如果不包括这一点,视频的第一帧将被替代使用。
<video poster="picture.png"></video>
8. 点击链接自动下载
如果希望在单击指向目标资源的链接时下载特定资源,请添加 download 属性
<a href="image.png" download>
结束语 🌞
那么我的8个你可能不知道的令人震惊的 HTML 技巧
就结束了,文章的目的其实很简单,就是对日常工作的总结和输出
,输出一些觉得对大家有用的东西,菜不菜不重要,但是热爱🔥,希望大家能够喜欢我的文章,我真的很用心在写,也希望通过文章认识更多志同道合的朋友,如果你也喜欢折腾
,欢迎加我好友
,一起沙雕
,一起进步
。
github🤖:sudongyu
个人博客👨💻:速冻鱼blog
vx👦:sudongyuer
写在最后
伙伴们,如果喜欢我的口水话
给🐟🐟点一个赞👍或者关注➕都是对我最大的支持。
加我微信:sudongyuer,邀你进群,一起学习前端,成为更优秀的工程师~(群二维码在这里->前端要早睡, 二维码过期了的话看链接沸点中的评论,我会把最新的二维码放在评论区,当然也可以加我微信我拉你进群,毕竟我也是有趣的前端,认识我也不赖🌟~