禁用input type=file 中的输入框

最新推荐文章于 2021-03-16 16:53:14 发布
最新推荐文章于 2021-03-16 16:53:14 发布
阅读量248 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/liaobin/archive/2010/07/02/1770272.html
本文介绍了一个简单的文件上传控件实现方式，通过HTML的input标签来完成文件的选择与上传功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<input type="file" name="file1" id="file1" contentEditable=false>

转载于:https://www.cnblogs.com/liaobin/archive/2010/07/02/1770272.html

HTML中input输入框（详解输入框的用法）
百赢出品，必属精品
04-30 2万+
input>元素是HTML表单中最常见的元素之一，用于收集用户的输入数据。它可以包含多种类型的输入，如文本、密码、数字等。通过指定不同的type属性，可以定义不同类型的输入字段。类型（type）属性定义输入字段的类型，如文本框、密码框、单选按钮、复选框等。常见类型包括textpasswordradiocheckboxfile等。名称（name）属性用于标识输入字段的名称，以便在表单提交时能够将数据传输到服务器。对于单选按钮和复选框，相同名称的一组按钮被视为一个组，只能选择其中的一个或多个。
【HTML】化神篇
m0_67401545的博客
07-31 350
?作者简介大家好，我是渴望知识储备自己的一名在校大学生??????推荐一款模拟面试刷题神器??引言上文我们讲到了注释列表等一些标签的使用方法，今天的主题只有一个元素表单元素。表格元素因为需要借助CSS才能展现，所以我们会在讲解CSS的时候讲解表格元素，持续关注博主，学习不迷路！...
input type=file 标签禁止让用户手动输入
ddjq1044的博客
07-02 341
常规的Web应用程序中涉及到文件上传的部分都不可避免地会使用到<input type="file"/>控件，在上传文件的时候通过点击“浏览”按钮，在弹出的文件选择对话框中选择本地要上传的文件。当然，如果你已经知道要上传的文件的本地路径，也可以复制路径到控件的输入框中（例如要选择的文件的路径特别长）。这就存在一个问题，如果你所复制的文件路径根本不存在，那么上传的时候...
input type=file 禁止让用户手动输入
10-22 950
<br />1. 取代法 <br /><br />       使用隐藏的<input type="file"/>控件，然后用一个只读的文本框和一个按钮来模拟<input type="file"/>的功能。<br /><input type="file" name="file" onpropertychange="file1.value=this.value" style="display:none/" mce_style="display:none/"> <input type="text"
inputType=file的输入框的清空
活出我的精彩
08-24 247
http://www.iteye.com/problems/23447
<input type="file">禁止用户输入
wodwl的专栏
08-01 988
http://ldbjakyo.iteye.com/blog/726049
CSS美化 input type=file 兼容各个浏览器
09-25
首先，我们来看一下原始的`<input type="file">`元素在浏览器中的默认样式，通常表现为一个简单的文本输入框和一个"浏览"按钮，样式各异，不符合现代网页设计的要求。设计师和产品经理往往希望将其与页面其他元素...
怎样让input type=file 只读，并能实现文件上传
11-17
### 如何使 input type=file 只读并实现文件上传 在网页开发中，有时我们需要让用户选择一个文件但不允许他们更改已选择的文件。这通常是为了防止用户在提交表单前临时更改文件，从而确保文件的一致性和安全性。...
<form action=""> <input type="text">账户<br> <input type="password">密码 性别: <input type="radio" name="sex">男 <input type="radio" name="sex" checked="checked">女 <br> 爱好: <input type="checkbox"> 吃饭 <input type="checkbox"> 睡觉 <input type="checkbox"> <br> 打游戏 <input type="button" value="我是个按钮"> <input type="button" value="我是个按钮" onclick="alert('hello')"> <input type="text" name="username"> <input type="submit" value="提交"> <br> <input type="text" name="username"> <input type="submit" value="提交"> <input type="reset" value="清空"> <br> <input type="file">选择文件 <br> <select> <option>北京</option> <option selected="selected">上海</option> </select> <br> <select> <option>--请选择年份--</option> <option>1991</option> <option>1992</option> <option>1993</option> <option>1994</option> <option>199其中
最新发布
04-26
##### （1）文本输入框 (`<input type="text">`) 用于接收用户输入的纯文本内容。可以通过 `name` 和 `id` 属性对其进行标识和关联。 示例代码： ```html <label for="username">用户名： <input type="text" id=...
使input type="file" 不可编辑
JASOVA - #时光机#
07-21 633
今天在做项目的时候，遇到上传文本框的问题，在firefox中，该控件产生的文本框是默认不可编辑的，但是在IE下，该文本框可编辑，根据用户需要，此文本框应为不可编辑。但是直接将其设置为“readonly”或者“disabled”后，对应的浏览按钮也无法使用了。所以此法不通。在网上搜索了一些资料，主要有以下几种方法：1.变通处理：2.增加如下属性： contenteditable="false" 
input type=file 如何达到去除输入框效果
strive_for_myself的博客
11-02 7506
输入框中做到去除输入框效果 在我平时修改页面的时候，由于需要用到上传文件这一功能的时候，需要用到 ，但是效果却不尽人意。如下图：         此时显示的按钮部分（选择文件）与文字部分（未选择任何文件）当你点击时都能够弹出上传文件的选择框进行选择，但这放在页面中显示是不尽人意的。最理想的效果就是能够去除文字部分，只留下按钮部分。   下面是我想到的如何解决这一问题的方法： 由于自带默
屏蔽 文件上传框 input type='file' 的输入功能
zidasine的专栏
06-15 744
  var files = document.getElementsByTagName(input);  for(var i = 0; i     if(files[i].type == file) {      files[i].unselectable = on;    }  }
怎么让input type="file" 不可编辑
teresa502的专栏
10-18 7318
今天在做项目的时候，遇到上传文本框的问题， 在firefox中，该控件产生的文本框是默认不可编辑的，但是在IE下，该文本框可编辑， 根据用户需要，此文本框应为不可编辑。 但是直接将其设置为“readonly”或者“disabled”后，对应的浏览按钮也无法使用了。所以此法不通。 在网上搜索了一些资料，主要有以下几种方法： 1.变通处理： 2.增加如下属性： contenteditable="false" 实例代码： 对比一下，第二种简单方便，问题解决。
input file禁用手机本地文件选择，只允许拍照上传图片 capture=“camera“
盏茶作酒的博客
03-16 4742
<input type="file" accept="image/*" capture="camera"> <input type="file" accept="video/*" capture="camcorder"> <input type="file" accept="audio/*" capture="microphone"> ## 在webapp上使用input:file, 指定capture属性调用默认相机，摄像，录音功能 在iOS6下开发webap.
关于 input type=file 事件屏蔽
追随大师的脚步,,,
11-28 2825
·工作中遇到了一个有趣的问题： &lt;form&gt;  &lt;em&gt;+&lt;/em&gt;   &lt;input  type=file &gt;&lt;/input&gt;  &lt;./form&gt;   css中使得input框覆盖了+号; 当点击+号时平常的弹出选择文件，选到文件了现实文件名，+号变成-号 再按inpu框时 清楚已经选择的 文件    ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值