input type=file 禁止让用户手动输入

1. 取代法

使用隐藏的<input type="file"/>控件，然后用一个只读的文本框和一个按钮来模拟<input type="file"/>的功能。

Html代码

<input type="file" name="file" onpropertychange="file1.value=this.value" style=display:none/>
<input type="text" name="file1" readonly/>
<input type="button" value="浏览" id="button1" name="button1" οnclick="file.click()"/>

2. 使用脚本事件限制控件输入

将<input type="file"/>控件的鼠标右键菜单、按键事件限制住，不让用户有机会输入。
Html代码

<input type="file" οnkeydοwn="return false" οnkeyup="return false" οncοntextmenu="return false">

3. 使用contenteditable属性

使用该属性可以有效地限制用户在<input type="file"/>控件中手动输入内容，而只能通过文件选择对话框选择文件。

Html代码

<input type="file" id="file1" contenteditable="false" />

只能输入数字的Input
Html代码

<input
οnkeypress="return (/^(-?\d+)(\.\d+)?$/.test(String.fromCharCode(event.keyCode))) || ( /^(-?\d+)$/.test(this.value) ) "
οnpaste="return !clipboardData.getData('text').match(/\D/)"
οndragenter="return false"
style="ime-mode:Disabled"
>

input type=file 禁止让用户手动输入相关推荐

input type=file 标签禁止让用户手动输入
常规的Web应用程序中涉及到文件上传的部分都不可避免地会使用到<input type="file"/>控件,在上传文件的时候通过点击"浏览"按钮,在 ...
input[type=file]属性
title: input[type=file]属性 date: 2017年8月11日 21:04:48 tags: html categories: 教程 author: "JiaWei&q ...
[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。
原文地址:input[type=file]在移动端各浏览器无法适配打开相机的问题.作者:韩小文近期有一需求是拍照上传用户头像并能进行区域性的截取操作. 故使用了input[type=file]标签进 ...
模拟input type=file
表单中的input type="file"在前端开发中经常会用到,但是很悲剧的是input type="file"在各个浏览器下表现不统一,样式很难起作用: 通 ...
html input type=file 文件上传; 图片上传; 图片闪烁
(1)input file 对话框和获取选中文件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
input type=“file“属性详解，利用capture调用手机摄像头
<input> type 类型为 file 的标签,可以选择一个或多个文件,通过表单上传到服务器,也可以通过 Javascript 的 File API 对文件进行操作. 实例: < ...
用input type=file调取手机照相机以及相册选择照片上传
最近由于在写一个车贷的webapp项目,其中要求调取手机照相机以及手机相册来获取照片,而我之前一直是用cordova等打包工具调取手机硬件.于是也到网上找了下解决方案.其中h5提供的type=&quo ...
html元素中，可以上传文件的唯一控件就是input type=file啦
值得注意的是:当一个表单里面包含这个上传元素的时候,表单的enctype必须指定为multipart/form-data,method必须指定为post,浏览器才会认识并正确执行.但是还有一点,浏览器 ...
＜input type=“file“＞实现上传文件
嗨害嗨,我又来了奥.今天讲一个项目中常见的例子,就是利用input type="file"来进行表单上传文件.首先,我们写好html,如下. <form id="f ...

input type=file 禁止让用户手动输入

input type=file 禁止让用户手动输入相关推荐

最新文章

热门文章