如何应用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勿扰模式重复来电都静音怎么开启
  • 热门搜索
    数学手抄报三年级上册 水是生命之源手抄报 好看的手抄报花边 中秋手抄报图片大全 数学小故事手抄报 爱的手抄报图片 五年级读书手抄报 关于新年的手抄报图片 诚实守信的手抄报 幼儿手抄报图片