如何应用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勿扰模式重复来电都静音怎么开启
  • 热门搜索
    书香伴我成长手抄报 我的中国梦手抄报图片 五一劳动节手抄报简单又漂亮 法制安全教育手抄报 推广普通话的手抄报 世界遗产手抄报 抗美援朝手抄报简单又漂亮 关于爱的手抄报 儿童中秋节手抄报 战争手抄报