前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

你可能还不知道到的几个HTML属性(html的属性有)



很多时候对有前端工程师来讲,页面效果直接会转嫁个CSS或JS,对HTML的一些属性了解的并不充分,接下来介绍一些有意思的HTML属性。

1)Multiple

顾名思义就是在一个输入标签或选择标签中可以输入多个值

<input type="file" multiple>

2)Accept

在<input>包含接受属性,允许用户伤上传指定的文件类型。我们在设置的过程中,需要设置指定的文件格式。并用逗号分开即可。传递文件类型包含图片、音频、视频、文档,等自定义文件类型。

<input type="file" accept=".png, .jpg">

3)Contenteditable

这个属性比较有意思,允许用户在前端HTML页面进行对文本的编辑,只对DOM的可见部分进行编辑。

<div contenteditable="true">我可以随意编辑!</div>

4)Spellcheck

进行拼写检查的可编辑段落:

<p contenteditable="true" spellcheck="true">这是一个段落。</p>

5) Translate

Translate告诉浏览器是否应该翻译内容。例如,您可以使用它来防止Google Translate自动尝试翻译您的公司或品牌名称。

<footer><p translate="no">Mark</p></footer>

6) Poster

带有预览图(海报图片)的视频播放器:

注释:Internet Explorer 8 以及更早的版本不支持 <video> 标签。

<video controls poster="/images/mark.gif">
   <source src="movie.mp4" type="video/mp4">
   <source src="movie.ogg" type="video/ogg">
   Your browser does not support the video tag.
</video> 

7) Download

download 属性规定被下载的超链接目标。

在 <a> 标签中必须设置 href 属性。

该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言