Html中Input的accept属性

Accept属性规定通过在文件上传提交的服务接受的文件类型
但是accept属性只能适用在Html input类型为文件类型，也就是说其他类型的input accept属性就不适用

我写的这个过滤文件属性是针对于后缀名为.xls的文件，所有的文件只要不是.xls后缀就不显示出来，这方便我们省去时间去找文件了。
这里有语法规定：
例如：
想要规定多个值，就用逗号分隔开。
后面的斜杠加*代表接受所有的文件，比较常见的后缀名有audio、video、image；
除此之外还包括下面的后缀名，提供参考：
1.accept=“application/msexcel”
2.accept=“application/msword”
3.accept=“application/pdf”
4.accept=“application/poscript”
5.accept=“application/rtf”
6.accept=“application/x-zip-compressed”
7.accept=“audio/basic”
8.accept=“audio/x-aiff”
9.accept=“audio/x-mpeg”
10.accept=“audio/x-pn/realaudio”
11.accept=“audio/x-waw”
12.accept=“image/gif”
13.accept=“image/jpeg”
14.accept=“image/tiff”
15.accept=“image/x-ms-bmp”
16.accept=“image/x-photo-cd”
17.accept=“image/x-png”
18.accept=“image/x-portablebitmap”
19.accept=“image/x-portable-greymap”
20.accept=“image/x-portable-pixmap”
21.accept=“image/x-rgb”
22.accept=“text/html”
23.accept=“text/plain”
24.accept=“video/quicktime”
25.accept=“video/x-mpeg2”
26.accept=“video/x-msvideo”
如果是筛选一个文件，不要在后缀名去添加斜杠，因为这是筛选不出来的。可以照我那个样子写把后缀名写前面，*写后面就可以了。

Html中Input的accept属性相关推荐

html accept属性,input标签accept属性的使用方法及作用
html代码input标签accept属性的使用方法及作用介绍如下: 标签accept属性的定义 accept属性规定了可通过文件上传提交的服务器接受的文件类型. accept属性应该配合type属性 ...
Web学习第三天——HTML中input标签常用属性、框架集、内嵌框架
第三天HTML中input标签常用属性.框架集.内嵌框架一.input标签常用属性表单数据提交特点: (一).文本框(text) (二).密码框(password) (三).单选按钮(radio) ...
elementUI中input组件的autofocus属性不生效
如图所以:点击航线名字需要切换输入框,输入框需要自动聚焦,这样即使啥也不修改也能执行失焦事件. elementUI文档上有一个autofocus属性,把autofocus设置成true发现并没有自动获 ...
js去除 html 中 input 的readOnly（只读）属性
js去除 html 中 input 的readOnly属性: document.getElementById("input1").readOnly=true 或者 false
input type=“file“属性详解，利用capture调用手机摄像头
<input> type 类型为 file 的标签,可以选择一个或多个文件,通过表单上传到服务器,也可以通过 Javascript 的 File API 对文件进行操作. 实例: < ...
html中input的color,怎么使用html5中input的color颜色拾取器?使用方法分享！
从事编程方面类的小伙伴们都知道时不时更新换代是我们习以为常的家常便饭对于程序员来说,那么今天我们就来说说:"怎么使用html5中input新增type属性color颜色拾取器?"这 ...
[html] 谈谈你对input元素中readonly和disabled属性的理解
[html] 谈谈你对input元素中readonly和disabled属性的理解相同点:都会使文本框变成只读,不可编辑.不同点:1.disabled属性在将input文本框变成只读不可编辑的同时, ...
JQuery中如何动态修改input的type属性
代码如下: 1 jQuery(".member_id").focus(function() { 2 jQuery(this).val(''); 3 }).blur(function ...
详解 input accept属性
input accept属性是用来限制上传的文件格式 <input type="file" id="file" style="display:n ...

Html中Input的accept属性

Html中Input的accept属性相关推荐

最新文章

热门文章