小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。
大家好,我是不孤独的百年,今天看到之前收藏的一关于html属性的文章,有些意思,就自己实践了一下~
download属性
download属性和a标签结合,可以在浏览器进行文件下载,还可以指定文件名称。
<a href="文件链接" download="文件名称"></a>
contenteditable属性
contenteditable属性的作用是让用户可以或者不可以编辑html的内容。
<div contenteditable="true">I'm weirui</div>
translate
translate告诉浏览器要不要翻译内容,可以使用该属性告诉Google阻止翻译该文字。
<header><p translate="no">weirui</p></header>
poster
使用poster属性可以指定在视频下载时或用户点击播放按钮之前要显示的图像。
如果没指定图像的时候,则第一帧之前不显示任何内容,然后把第一帧设置为要显示的图像。
<video controls src="播放地址" poster="posterImage.png"></video>
accept
<input>元素的accept属性,可以指定用户上传的文件类型。
向它传递一个字符串,字符串中包含以逗号分隔的唯一文件类型说明符的列表。
可以用它来指定音频、图像或视频格式。
<input type="file" accept=".png, .jpg">
multiple
multiple属性允许我们在<input>上输入多个值,这是一个布尔属性,可用于文件或电子邮件输入类型还有<select>元素选择上。
对于电子邮件输入,当且仅当指定了multiple属性时,输入框的值才可以是逗号分隔的电子邮件地址列表,并且列表中每个邮件地址中的任何空格都会被删除。
对于文件选择框,用户可以选择多个文件(按住Shift或Crtl键)。
<input type="file" multiple>