`
gang_zai
  • 浏览: 39620 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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

阅读更多
面是可以采用的方法:

1. 替代法

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

<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" onclick="file.click()"/>
2. 使用脚本事件限制控件输入

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

<input type="file" onkeydown="return false" onkeyup="return false" oncontextmenu="return false">
3. 使用contenteditable属性

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

<input type="file" id="file1" contenteditable="false" />
分享到:
评论

相关推荐

    input file的默认value清空与赋值方法

    具体的实现步骤包括获取`input file`元素,通过`document.getElementsByTagName`获取到`input`元素的引用,然后通过一些DOM操作,例如创建新的`TextRange`来模拟用户选中文本,通过`SendKeys`模拟键盘输入等方法,来...

    清空input类型为file的value属性值的方法

    当页面刷新后,这个路径通常会消失,但如果我们想在JavaScript中手动清除它,直接将`value`属性设置为空字符串并不会有效,因为`&lt;input type="file"&gt;`是只读的。这意味着你不能直接通过赋值的方式来修改`value`属性...

    JS获取input file绝对路径的方法(推荐)

    传统的HTML中,`&lt;input type="file"&gt;` 元素可以用来让用户选择文件,但是出于安全考虑,浏览器出于安全考虑,不允许网页通过JavaScript直接获取用户本地文件系统的绝对路径。这是因为直接访问本地文件系统可能会引发...

    解决angularJS中input标签的ng-change事件无效问题

    然而,对于`&lt;input type="file"&gt;`这种类型的输入元素,`ng-change`指令可能不会按预期工作。这是因为在浏览器的安全限制下,`&lt;input type="file"&gt;`的`change`事件不会自动触发AngularJS的脏检查。当用户选择文件后,...

    15天学会Jquery 学习网页必备3

    $(inputElement).parent().append("&lt;input type='file' class='upload' name='fileX[]' /&gt;"); // 添加文件名到列表 $(inputElement).parent().prepend("&lt;span id='files_list'&gt;" + inputElement.files[0].name + ...

    HTML5实现手机身份证表单上传提交特效源码.zip

    身份证信息的输入可能涉及到`&lt;input type="text"&gt;`,用于用户手动输入身份证号码,同时可以通过JavaScript进行格式化和验证。HTML5的`pattern`属性可以设置正则表达式,以确保输入符合身份证号码的规则。此外,`...

    advanced web server -Rompager

    - **文件上传 `&lt;input type="file"&gt;`**:允许用户上传文件。 - **按钮 `&lt;input type="button"&gt;`**:创建一个按钮,通常用于触发JavaScript函数。 - **重置按钮 `&lt;input type="reset"&gt;`**:清空表单中的所有输入字段...

    FileUpload 控件 禁止手动输入或粘贴的实现代码

    html标签: &lt;... 服务器控件: &lt;asp ID=”txt” runat=”server” xss=removed xss=removed&gt;&lt;/asp&gt; 用FileUpload经常要禁止手动输入: &lt;asp:FileUpload ID=”fu” runat=”server” onkeydown=”event.re

    Asp.net MVC 处理文件的上传下载

    &lt;input type="file" name="FileUpload1" /&gt; &lt;input type="submit" name="Submit" id="Submit" value="Upload" /&gt; ``` 另一种方式是利用`Html.BeginForm()`辅助方法简化HTML代码的编写: ```html using ...

    移动端调用相机js文件.rar

    首先,我们需要理解HTML5中的`&lt;input type="file"&gt;`标签,它是实现文件选择和上传的基础。通过设置`accept`属性,我们可以限制用户只能选择特定类型的文件,例如图片。例如: ```html &lt;input type="file" id=...

    文件上传(网站商品发布等等)

    在HTML5之前,文件上传主要依赖`&lt;input type="file"&gt;`标签,但这种方式有大小限制且功能有限。随着技术的发展,现在我们可以使用更高级的方法,如表单的多部分编码(multipart/form-data)和Ajax异步上传。 在给定...

    HTML input file控件限制上传文件类型_动力节点Java学院整理

    用户仍然可以通过手动输入或使用文件路径选择非指定类型的文件。因此,仅靠前端的`accept`属性无法实现严格的文件类型限制。 为了确保真正限制上传的文件类型,需要结合JavaScript或者服务器端的验证。在客户端,你...

    html5调用本地摄相头拍照上传相片

    首先,我们要了解HTML5中的`&lt;input type="file"&gt;`标签,特别是当它的`accept`属性设置为`"image/*"`时,可以用于触发用户选择图片文件,包括从摄像头拍摄。当用户点击这个输入框,浏览器会弹出一个文件选择对话框,...

    文件上传Struts2

    Struts2提供了异常处理机制,当文件上传过程中出现问题时,可以通过`addFieldError()`方法添加错误信息,并返回INPUT结果,用户会被重定向到输入页面。 总结,Struts2的文件上传功能利用了其拦截器机制,通过配置...

    jsp,servlet上传下载文件

    上传头像一:&lt;input type="file" name="myfiles" /&gt; &lt;p&gt;&lt;input type="submit" value="提交"/&gt; ``` servlet 的实现 在 servlet 中,使用 MultipartFile 对象处理上传的文件。servlet 的代码如下所示: ```java @...

    Python-从一个Python模块功能生成一个CLI工具

    这段代码定义了两个参数`--input`和`--output`,用户可以在命令行中输入`python script.py --input input.txt --output output.txt`来指定输入和输出文件。 `click`是另一个广泛使用的CLI构建库,它的语法更加简洁...

    jsp实现文件的上传与下载

    &lt;input type="file" name="myfile" /&gt; &lt;input type="submit" value="上传" /&gt; ``` 对应的Servlet处理代码可能如下: ```java protected void doPost(HttpServletRequest request, HttpServletResponse response...

    彻底解决jsp中用SmartUpload上传附件中文乱码问题实用.pdf

    &lt;input type="file" name="upFile" size="40" maxlength="100"&gt; &lt;input type="button" name="btUpload" value="上传附件" onClick="doFileUpLoad();"&gt; &lt;input type="hidden" name="table_name1" value=""&gt; ``` 在...

    HTML+js图片上传、缩放、旋转、剪切

    在HTML中,可以使用`&lt;input type="file"&gt;`元素创建一个文件选择器,允许用户选择本地的图片文件。通过监听`change`事件,当用户选择文件后,JavaScript可以获取到文件对象。例如: ```html &lt;input type="file" id=...

Global site tag (gtag.js) - Google Analytics