如何应用input的accept属性

 时间:2024-10-12 18:44:30

1、首先我们先来看如何接收excel格式的文件,如下图所示,在accept中添加excel文件格式即可

如何应用input的accept属性

2、然后我们运行程序以后,你会在页面中看到如下图所示的效果

如何应用input的accept属性

3、点击浏览按钮的时候,你会发现只准你选择excel格式的文件,如下图所示

如何应用input的accept属性

4、接下来在来看看如何接收图像文件,如下图所示,在accept中添加image/*即可

如何应用input的accept属性

5、最后再来看看如何接收音视频文件,如下图所示,需要添加video/*和audio/*即可

如何应用input的accept属性

6、下面来看看pdf文件以及wav文件如何限定,如下图所示,直接输入后缀名即可

如何应用input的accept属性

7、综上所述,input的accept属性主要限定可以选择的文件类型,大家根据自己的需要选择即可

  • 欧路词典如何开启鼠标取词?
  • 米侠浏览器怎么设置网页编码格式为UTF-8?
  • 灰烬战线贼鸥怎么获得
  • 金山PDF 怎样开启云端自动备份文件功能?
  • iPhone勿扰模式重复来电都静音怎么开启
  • 热门搜索
    蜡笔英语怎么读 颈椎病怎么治 鸡腿菇怎么做好吃 怎么办银行卡 微信好友删除了怎么找回来 财务报表怎么做 纪梵希为什么不娶赫本 香辣蟹的做法大全 渑怎么读 兹怎么读