我的编程空间,编程开发者的网络收藏夹
学习永远不晚

你可能不知道的强大 HTML 属性

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

你可能不知道的强大 HTML 属性

有很多事情我们可以简单地通过使用HTML属性来完成。本文介绍了这些强大的属性。

1.Download

download 属性指定了当用户单击超链接时将下载目标(在 href 属性中指定的文件)。

  1. "/images/program.jpg" download> 

2.ContentEditable

在HTML中,任何元素都可以编辑。使用一些JavaScript事件处理程序,你可以把你的网页转换成一个完整而快速的富文本编辑器。当一个HTML元素的 contenteditable 设置为 true 时,document.execCommand() 方法就可用了。这让你可以运行命令来操作可编辑区域的内容。

  1. "true"
  2.   This text can be edited by the user
 

3.Multiple

multiple 属性是一个布尔属性。当存在时,它指定用户可以一次选择多个选项。

  1. for="tech">Choose a technology: 
  2.  
  3. <select name="tech" id="tech" multiple> 
  4.   <option value="angular">Angularoption
  5.   <option value="react">Reactoption
  6.   <option value="vue">vueoption
  7. select
  8.  
  9. -- or --> 
  10. "file" multiple> 

4.Poster

poster 属性指定了在视频下载时或用户点击播放按钮前显示的图像。如果不包括这个,将使用视频的第一帧来代替。

  1. "/gif/poster.gif"
  2.   "trailer.mp4" type="video/mp4"
  3.  

5.Hidden

hidden 属性是一个布尔属性。如果存在,浏览器将不会显示指定了 hidden 属性的元素。

  1. You won't see me on the browser, only developers can!

     

6.Accept

accept 属性指定用户可以从文件输入对话框中选择的文件类型的过滤器。accept 属性只能与 一起使用。

  1. action="/..."
  2.   for="img">Select image: 
  3.   "file" id="img" name="img" accept="image/*"
  4.   "submit"
  5.  
  6.  
  7. -- or --> 
  8.  
  9. "file" accept=".jpg, .png" > 

本文转载自微信公众号「前端全栈开发者」,可以通过以下二维码关注。转载本文请联系前端全栈开发者公众号。

 

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

你可能不知道的强大 HTML 属性

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

你可能不知道的强大 HTML 属性

有很多事情我们可以简单地通过使用HTML属性来完成。本文介绍了这些强大的属性。

七个你可能还不知道的强大的 JavaScript 特性

在本文中,我们将探讨大多数开发人员可能不知道的7个很酷的现代 JavaScript 特性。

你可能不知道的line-height行高属性使用技巧

编程学习网:行高指的是文本行基线间的距离,太低的话,文字的行与行之间会尴尬地挤在一起,太高的话它们又会尴尬地分得太开,无论哪一种都对阅读不利。因此适当地调整行高(line-height)可以减低阅读的困难与枯燥,并且使页面显得美观。设置行高我们通常使用line-height属性,对于这个属性相信大家都很清楚,我们编程学习网网站在前面的课程也作了一定的讲解,在这里就不再详细铺开。下面我们把注意力放在一些设计上。因为如果我们知道line-height的精确值,将可以做一些奇妙的东西喔!
你可能不知道的line-height行高属性使用技巧
2024-04-23

15 个你不知道的 CSS 属性

在Web 开发领域中,CSS(层叠样式表)是构建网站视觉美感和布局的支柱。虽然许多开发人员熟悉常用的 CSS 属性,但仍有大量隐藏的宝石等待被发现。
Web开发CSS2024-11-29

你可能不知道的Dialog弹窗

dialog其实我在两三年之前就有研究过,那时还没有这么多新特性,也有可能是研究不精,后来就搁置了,然后最近在项目中用了dialog,无意中又发现了很多有意思的新特性,这意味着,dom 其实也是在不断发展的,有必要把以前已经用过的再翻出来过

你可能不知道的Python技巧

有许许多多文章写了 Python 中的许多很酷的特性,例如变量解包、偏函数、枚举可迭代对象,因此在本文中,我将尝试展示一些我知道的和在使用的,但很少在其它文章提到过的特性。那就开始吧。

你可能不知道的 Chrome Devtools 的功能

Chrome Devtools 是我们每天都在用的工具,它提供了很多调试功能,可以帮助我们更好的开发网页。而我们平时使用的功能只是它全部功能的子集,很多功能并没用到过。

你可能不知道但却很有用的 Java 特性

在这篇文章中你将会学习到一些你可能没听过但有用的 Java 特性,这些是我个人常用的一些特性或者是从其他文章中学习到的,重点是关注 API 而不是语言本身。

你可能不知道的Shell(有趣的知识)

Shell也叫做命令行界面,它是*nix操作系统下用户和计算机的交互界面。Shell这个词是指操作系统中提供访问内核服务的程序。 这篇文章向大家介绍Shell一些非广为人知、但却实用有趣的知识,权当品尝shell主食后的甜点吧。科普 先科
2022-06-04

你可能不知道的绝对定位

在普遍的认知下,绝对定位好像都是伴随着偏移属性(left/right/top/bottom)一起出现的,相信大家都写过这样的CSS。
绝对定位CSS2024-11-30

温故而知新:你可能不知道的 Proxy

本文主要是介绍Proxy以及配合Reflect的简单使用,再从ECMAScript规范讲起内部方法、内部槽以及普通对象、异质对象的定义,进而了解了Proxy能实现代理的内部实现逻辑。

你可能不知道的 Chrome Devtools 实用功能

当我们刷新完页面之后,通常控制台的Console面板就会被清空。如果想保留控制台的日志,就可以在设置中勾选Preserve log选项以保留控制台中的日志。

你可能不知道的13个Kubernetes技巧

与Kubernetes API进行交互时,需要谨慎处理身份验证和授权。确保你的脚本和应用程序坚持最小权限原则,只请求它们运行所需的权限。

你不知道C#只带有 Get 访问器的属性是只读属性?

根据所使用的访问器进行分类:只带有 get 访问器的属性称为只读属性。无法对只读属性赋值。只带有 set 访问器的属性称为只写属性。只写属性除作为赋值的目标外,无法对其进行引用。

你可能不知道的 Npm 实用技巧

Npm 最初只是Node.js 的包管理器,但随着前端技术的不断发展,它的定位变成了广义的包管理器,可以实现JavaScript、React、Vue、Gulp、移动开发等包管理,是目前最大、生态最为健全的包管理器。
NpmNode.js2024-12-01

你可能不知道的六个Kubernetes事实

Kubernetes增长势头如何? 根据CNCF 2019年的Cloud Native调查,有78%的受访者在生产中使用Kubernetes,高于去年的58%。

挑战“不可能”的代码:你不知道的Python功能

Python看似简单,但实则变化万千,笔者总都能看到一些代码以近乎不可能的方式呈现。这些功能很精妙,以至于我无法想象没有Python时该怎样生活。

你可能永远不知道的记事本功能

记事本是Windows中最古老的内置应用程序之一,可以说,它也是你可以在Windows上找到的最简单的文本编辑器。它是如此简单,以至于人们不能将其用于任何繁琐的工作,例如编码。

热门标签

编程热搜

编程资源站

目录