8个你可能不知道的令人震惊的 HTML 技巧

程序员面试题库分享
1、前端面试题库 (面试必备) 推荐:★★★★★
地址:前端面试题库
2、前端技术导航大全 推荐:★★★★★
地址:前端技术导航大全
3、开发者颜色值转换工具 推荐:★★★★★
地址 :开发者颜色值转换工具
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 技巧就结束了,文章的目的其实很简单,就是对日常工作的总结和输出,输出一些觉得对大家有用的东西,菜不菜不重要,但是热爱,希望大家能够喜欢我的文章,我真的很用心在写,也希望通过文章认识更多志同道合的朋友,如果你也喜欢折腾,欢迎加我好友,一起沙雕,一起进步。
8个你可能不知道的令人震惊的 HTML 技巧的更多相关文章
- 你所不知道的15个Axure使用技巧
你有用原型开发工具吗?如果有,那你用的是Axure还是别的? 从以前就喜欢使用Axure,主要是觉得它能清楚的表达设计的思路,还有交互的真实再现,能让看的人一目了然,昨天看了这篇博文,便更加确定Axu ...
- 40个你可能不知道的Python的特点和技巧
1.拆箱 >>> a, b, c = 1, 2, 3 >>> a, b, c (1, 2, 3) >>> a, b, c = [1, 2, 3] ...
- 震惊!90%的程序员不知道的Java知识!
震惊!90%的程序员不知道的Java知识! 初学Java的时候都会接触的代码 public static void main(String[] args){ ... } 当时就像背公式一样把这行代码给 ...
- [iOS翻译]《iOS 7 Programming Pushing the Limits》系列:你可能不知道的Objective-C技巧
简介: 如果你阅读这本书,你可能已经牢牢掌握iOS开发的基础,但这里有一些小特点和实践是许多开发者并不熟悉的,甚至有数年经验的开发者也是.在这一章里,你会学到一些很重要的开发技巧,但这仍远远不够,你还 ...
- 你所不知道的五件事情--java.util.concurrent(第二部分)
这是Ted Neward在IBM developerWorks中5 things系列文章中的一篇,仍然讲述了关于Java并发集合API的一些应用窍门,值得大家学习.(2010.06.17最后更新) 摘 ...
- 你所不知道的setInterval
在你所不知道的setTimeout记载了下setTimeout相关,此篇则整理了下setInterval:作为拥有广泛应用场景(定时器,轮播图,动画效果,自动滚动等等),而又充满各种不确定性的这set ...
- 你所不知道的setTimeout
JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成.它们向任务队列添加定时任务.初始接触它的人都觉得好简单 ...
- 你可能不知道的陷阱, IEnumerable接口
1. IEnumerable 与 IEnumerator IEnumerable枚举器接口的重要性,说一万句话都不过分.几乎所有集合都实现了这个接口,Linq的核心也依赖于这个万能的接口.C语言的 ...
- 你真的会玩SQL吗?你所不知道的 数据聚合
你真的会玩SQL吗?系列目录 你真的会玩SQL吗?之逻辑查询处理阶段 你真的会玩SQL吗?和平大使 内连接.外连接 你真的会玩SQL吗?三范式.数据完整性 你真的会玩SQL吗?查询指定节点及其所有父节 ...
- 你所不知道的linq(二)
上一篇说了from in select的本质,具体参见你所不知道的linq.本篇说下from...in... from... in... select 首先上一段代码,猜猜结果是什么? class P ...
随机推荐
- gitlab 搭建代理踩坑
公司的外网服务被黑客攻击,所以需要重置服务器 -- 此为前提 gitlab 的安装 网上找吧. 迁移前置条件 1. 迁移备份 gitlab 时,需要确保双方服务器的gitlab 版本相同 cat /o ...
- Oracle 验证身份证号
--验证身份证号是否正确CREATE OR REPLACE FUNCTION fn_checkidcard (p_idcard IN VARCHAR2) RETURN INT IS v_regstr ...
- C# 委托/回调
public delegate void MyDelegate();//定义一个委托类型 MyDelegate myDelegate;//创建一个委托变量 myDelegate = new MyDel ...
- 才子佳人小说研究.PDF
书本详情 才子佳人小说研究作者:周建渝著出版社:文史哲出版社时间:1998页数:273ISBN:957549167X ISBN:9789575491673
- vue3 门户网站搭建1-路由
从 0 到 1搭建门户网站,记录一下. 因为需求不大,所以比较简单,门户和后台管理直接一个项目出来,路由配置则想的是: 1.门户,用 /portal 标识 2.后台管理,用 /admin 标识 3. ...
- 浅析sleep()方法与wait()方法
为什么 wait() 方法不定义在 Thread 中? wait() 是让获得对象锁的线程实现等待,会自动释放当前线程占有的对象锁.每个对象(Object)都拥有对象锁,既然要释放当前线程占有的对 ...
- matlab算符合集
1.逻辑算符 1)且 : A & B -- 两个逻辑数组之间 逐个元素 进行逻辑"与"操作 AB可为矩阵. 首先判断表达式A的逻辑值,然后判断B,继而进行逻辑"与 ...
- Arch安装记录(BIOS+GPT)
尝试了下arch安装,并且尝试了下不长用的BIOS + GPT组合.都说arch的wiki强,确实很强,可惜自己的水平看不了多少. https://wiki.archlinux.org/index.p ...
- OSPF配置常用命令知识总结
OSPF配置常用命令知识总结 1.display ospf abr-asbr 命令用来显示OSPF的区域边界路由器和自治系统边界路由器信息. [R3]dis ospf abr-asbr OSPF Pr ...
- uniapp for显示数据改变时,绑定的list值同时改变
<template> <view class="container"> <uni-table> <uni-tr v-for="( ...