栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

文件输入'accept'属性-有用吗?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

文件输入'accept'属性-有用吗?

accept
属性非常有用。这提示浏览器仅显示当前允许的文件
input
。尽管通常可以被用户覆盖,但默认情况下它可以帮助缩小用户的搜索范围,因此他们可以准确地找到所需的内容,而不必筛选一百种不同的文件类型。

用法

注意: 这些示例是根据当前规范编写的,可能无法在所有(或任何)浏览器中实际使用。该规范将来可能会更改,这可能会破坏这些示例。

h1 { font-size: 1em; margin:1em 0; }h1 ~ h1 { border-top: 1px solid #ccc; padding-top: 1em; }<h1>Match all image files (image/*)</h1><p><label>image/* <input type="file" accept="image/*"></label></p><h1>Match all video files (video/*)</h1><p><label>video/* <input type="file" accept="video/*"></label></p><h1>Match all audio files (audio/*)</h1><p><label>audio/* <input type="file" accept="audio/*"></label></p><h1>Match all image files (image/*) and files with the extension ".someext"</h1><p><label>.someext,image/* <input type="file" accept=".someext,image/*"></label></p><h1>Match all image files (image/*) and video files (video/*)</h1><p><label>image/*,video/* <input type="file" accept="image/*,video/*"></label></p>

从HTML规范源

accept
可以指定该属性以向用户代理提示将接受哪种文件类型。

如果指定,则该属性必须由一 组逗号分隔的标记组成,每个标记都必须是以下其中一个的 ASCII不区分大小写的 匹配项:

字符串

audio/*

  • 表示接受声音文件。

字符串

video/*

  • 表示视频文件被接受。

字符串

image/*

  • 表示接受图像文件。

一个有效的MIME类型不带参数

  • 表示接受指定类型的文件。

一个字符串,其第一个字符为U + 002E FULL STOP字符(。)

  • 表示接受具有指定文件扩展名的文件。


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/411434.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号