程序员面试题库分享

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 技巧的更多相关文章

  1. 你所不知道的15个Axure使用技巧

    你有用原型开发工具吗?如果有,那你用的是Axure还是别的? 从以前就喜欢使用Axure,主要是觉得它能清楚的表达设计的思路,还有交互的真实再现,能让看的人一目了然,昨天看了这篇博文,便更加确定Axu ...

  2. 40个你可能不知道的Python的特点和技巧

    1.拆箱 >>> a, b, c = 1, 2, 3 >>> a, b, c (1, 2, 3) >>> a, b, c = [1, 2, 3] ...

  3. 震惊！90%的程序员不知道的Java知识！

    震惊!90%的程序员不知道的Java知识! 初学Java的时候都会接触的代码 public static void main(String[] args){ ... } 当时就像背公式一样把这行代码给 ...

  4. [iOS翻译]《iOS 7 Programming Pushing the Limits》系列：你可能不知道的Objective-C技巧

    简介: 如果你阅读这本书,你可能已经牢牢掌握iOS开发的基础,但这里有一些小特点和实践是许多开发者并不熟悉的,甚至有数年经验的开发者也是.在这一章里,你会学到一些很重要的开发技巧,但这仍远远不够,你还 ...

  5. 你所不知道的五件事情--java.util.concurrent(第二部分)

    这是Ted Neward在IBM developerWorks中5 things系列文章中的一篇,仍然讲述了关于Java并发集合API的一些应用窍门,值得大家学习.(2010.06.17最后更新) 摘 ...

  6. 你所不知道的setInterval

    在你所不知道的setTimeout记载了下setTimeout相关,此篇则整理了下setInterval:作为拥有广泛应用场景(定时器,轮播图,动画效果,自动滚动等等),而又充满各种不确定性的这set ...

  7. 你所不知道的setTimeout

    JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成.它们向任务队列添加定时任务.初始接触它的人都觉得好简单 ...

  8. 你可能不知道的陷阱, IEnumerable接口

    1.  IEnumerable 与  IEnumerator IEnumerable枚举器接口的重要性,说一万句话都不过分.几乎所有集合都实现了这个接口,Linq的核心也依赖于这个万能的接口.C语言的 ...

  9. 你真的会玩SQL吗？你所不知道的 数据聚合

    你真的会玩SQL吗?系列目录 你真的会玩SQL吗?之逻辑查询处理阶段 你真的会玩SQL吗?和平大使 内连接.外连接 你真的会玩SQL吗?三范式.数据完整性 你真的会玩SQL吗?查询指定节点及其所有父节 ...

  10. 你所不知道的linq(二)

    上一篇说了from in select的本质,具体参见你所不知道的linq.本篇说下from...in... from... in... select 首先上一段代码,猜猜结果是什么? class P ...

随机推荐

  1. window下快速启动mysql，bat脚本

    cls @echo off:设置窗口字体颜色color 0a :设置窗口标题TITLE MySQL管理程序 call :checkAdmin goto menu:菜单:menuclsecho. ech ...

  2. 066_VFPage中Js Button与controller交互方式（一）

    这种方式经常被用来,在button中处理一些逻辑,做法是在detail 页面中加一个button,对应是jS执行调用invoke controller Define a webService meth ...

  3. 激光雷达ldlidar communication is abnormal.

    查看串口设置是否正常,可以通过cat /dev/ttyS4查看是否有数据以确定所接的串口是否正确

  4. 记录一次阿里云ECS搭建代理服务器的过程

    [参考资料](Tinyproxy安装与配置(ip代理) - 林先生 (downdawn.com)) 1.一键安装脚本 vim proxy.sh #! /bin/bash # 配置文件 CONFIG_F ...

  5. React 使用链表遍历组件树

    React 为在有限的资源情况下,更好地控制UI的更新,提出了时间分片的概念.以达到三个目标: performing non-blocking rendering(无阻塞渲染):applying up ...

  6. flutter 多种情况tabbar高度问题，普通使用和嵌套使用高度问题（Tab）。

    众所周知tabbar的高度是不可改变的.比如我们普通的写一个tabbar. 先上效果图: 代码: Scaffold( appBar: AppBar( title: Text("TabBarD ...

  7. vue学习之-----组件递归调用

    1.关键点 2.父组件 <template> <div> <div class="btn-title"> <el-button @clic ...

  8. ASP.NET中maxRequestLength和maxAllowedContentLength的区别；上传大文件设置IIS7文件上传的最大大小

    https://blog.csdn.net/qq_23663693/article/details/89920039 maxRequestLength表示ASP支持的最大请求大小,而maxAllowe ...

  9. H5网页CAD中webpack使用详细说明

    前言 webpack是用于现代 JavaScript 应用程序的静态模块打包工具,用以构建一个前端工程化项目,如vue-cli create-react-app等脚手架工具都是基于webpack的构建 ...

  10. word文件打开报错：abnormal program termination

    部分word文件打开后报错 处理方法 1.更改默认打印机 2.调整开机启动项 取消该项:cyberkI guard service的开机自启动 (赛博昆仑安全软件) 3.调整word的COM加载项