用‘button’跟‘text’组合代替‘file’,选择文件后点‘submit’,‘file’的值被清空

各位大虾晚上好,我有个问题想请教你们,我想美化html的file外观,但貌似现在还不能用css直接设计,于是我在网上找了一个方法,就是用‘text’与‘button’组合来代替‘file’,可是在选择文件之后,点‘submit’是,它会自动把‘file’里面的值清空(ps:看这个情况时,可以先将‘file’的display设置成非none),代码如下:
<script language="javaScript">
function FileValue(fileValue,taskId)
{
var task = document.getElementById(taskId);
task.value = fileValue;
document.getElementById("data_file").value=task;
}
</script>
<body>
<input type="text" name="data_form" readonly class="form_text" style="width:300px;"/>
<input type="button" class="form_button" onclick="data_file.click();" value="test"> <p>

<input type="file" name="data_file" onchange="FileValue(this.value,'data_form')" style="display:block;"> <p>

<input type="submit" value="submit">
</body>

问题补充:
能给个例子吗
2019-03-25 13:37

相关教程

更多

Java 流(Stream)、文件(File)和IO

Java 流(Stream)、文件(File)和IO    Java.io包几乎包含了所有操作输入、输出需要的类。所有这些流类代表了输入源和输出目标。  Java.io包中的流支持很多种格式,比如:基本类型、对象、本地化字符集等等。  一个流可以理解为一个数据的序列。输入流表示从一个源读取数据,输出流

PHP 中dirname(_file_)

PHP 中dirname(_file_)   2007-5-3 16:00|查看: 19256|评论: 0|原作者: phpchina|来自:     该页加入收藏夹          分享到:QQ空间新浪微博腾讯微博微信更多17                                转自:http://www.cnblogs.com/delphi-xe5/articles/3897641

xxx is not in the sudoers file解决方法

用sudo时提示"xxx is not in the sudoers file. This incident will be reported.其中XXX是你的用户名,也就是你的用户名没有权限使用sudo,我们只要修改一下/etc/sudoers文件就行了。下面是修改方 法: 1)进入超级用户模式。也就是输入"su -",系统会让你输入超级用户密码,输入密码后就进入了

【HDFS】HADOOP DISTRIBUTED FILE SYSTEM

【HDFS】Hadoop DISTRIBUTED FILE SYSTEM THE CAST CLIENT:人们都坐在客户端前,向客户端输入/输出数据 NAMENODE:服务端只有一个,负责协调HDFS存储系统,例如数据分配情况,备份策略,故障诊断等 DATANODE:用于存储数据的集合,结构为一个cluster包含诺干个racks,一个racks包含诺干个datanode,datanode也就相当

My W3C Custom Mapping File

[hdhw]   HotKey=W   Tip=Train Dragonha|cffffcc00w|rk Rider   [Amls]   HotKey=Z   Tip=Aerial Shackles -- (|cffffcc00Z|r)   [Aclf]   HotKey=X   Tip=Cloud -- (|cffffcc00X|r)   [hfoo]   HotKey=Q   Tip=Tra

shell 脚本执行,出现错误bad interpreter: No such file or directory

出现bad interpreter:No such file or directory的原因 是文件格式的问题。这个文件是在Windows下编写的。换行的方式与Unix不一样,但是在VI下面如果不Set一下又完全看不出来。 解决方法: 1、上传到linux主机运行      chmod +x back      ./b

file_get_contents 无法读取https的问题解决!

做微信公众平台开发,要通过读取公众平台的一个网址实时获得access_token,用了file_get_contents 在本地测试一切正常,但在服务器上却返回空数据。经过网上查资料原来要修改php.ini中的一个默认配置: 1.windows下的PHP,只需要到php.ini中把extension=php_openssl.dll前面的;删掉,重启服务就可以了。 2.linux下的PHP,就必须安

移动MM failed to find resource file{mmiap.xml}

原地址:http://blog.csdn.net/alking_sun/article/details/36175861 在进行移动MM集成的时候总是会遇到一个bug:failed to find resource file(mmiap.xml}   原因是:为Unity打包的时候和原生Android工程不一样,打包好了之后,找不到mmiap.xml    解决方法如下:    1.使用Unity

Hadoop HDFS Wrong FS: hdfs:/ expected file:///

HDFS是一个分布式文件系统,然而对于程序员来说,HDFS就是一个普通文件系统,Hadoop进行的底层封装,程序员按照相应的API来对HDFS上的文件操作,和对本地磁盘文件操作没有太多区别。但是最初接触时可能还是会碰到这样那样的问题。 例如:获取FileSystem实例时会出现 java.lang.NullPointerException at org.apache.hadoop.conf.Con

无法启动Hbase hbase-default.xml file seems to be for and old version of HBase

无法启动Hbase 错误如下 Exception in thread "main" java.lang.RuntimeException: hbase-default.xml file seems to be for and old version of HBase (@@@VERSION@@@), this version is 0.92.1 at org.apache.Ha

jqgrid 中组合框的值和key

在jqgrid中有一个组合框  {name:"sts",index:"sts",label:"sts",editable:true,edittype:'select',editoptions:{value:"0:"通过" ;9:否決"}},  现在我要取sts列的值  var data=$(&quo

Hadoop编译WordCount程序:class file for org.apache.commons.cli.Options no

Hadoop问题:编译WordCount程序报错:class file for org.apache.commons.cli.Optio 第一次编译Hadoop的程序,将安装程序自带的WordCount程序拿出来编译执行,编译时遇到如下错误: Ubuntu@ubuntu:~/dev/wordcount$ javac -classpath /home/ubuntu/hadoop-1.0.4/hado

使用solr报错,错误信息 include(SolrClient.php): failed to open stream: No such file or directory

这个是因为本地没有安装php-solr的扩展导致的,安装方法(使用的是ubuntu) cd /opt wget http://pecl.php.net/get/solr-1.0.2.tgz tar -xvf solr-1.0.2.tgz && cd solr-1.0.2 phpize ./configure make make install 如果没有出错提示,到这一步是安装完成了

java中的文件选择框

java中如何打开一个这样的文件选择对话框,我做了个音乐播放器,有个添加整个文件夹下的所有音乐的功能,只能用JFileChooser来实现,但我想要这种树状显示文件夹的,在网上找了很久都说没有这种方式的,但myeclipse这个IDE软件都可以打开这种选择框,而它完全是java写的,希望那位高人能指点指点!     问题补充:<div class="quote_title"

Map、List集合类的清空使用clear还是重新new呢

各位有经验的Javaer,请问使用Map、List这种集合类做缓存时,需要 每天清空一次数据,那么我是用集合自带的 clear方法好呢,还是直接重新 new一个新的集合,让原来的集合等待gc释放好呢?如果有这方面经验的朋友说说各种方法的利弊,以及企业中 常用的解决方案      问题补充:     silentJesse 写道      量大的时候用clear好 ,量小的时候都可以    用new

最新教程

更多

java线程状态详解(6种)

java线程类为:java.lang.Thread,其实现java.lang.Runnable接口。 线程在运行过程中有6种状态,分别如下: NEW:初始状态,线程被构建,但是还没有调用start()方法 RUNNABLE:运行状态,Java线程将操作系统中的就绪和运行两种状态统称为“运行状态” BLOCK:阻塞状态,表示线程阻塞

redis从库只读设置-redis集群管理

默认情况下redis数据库充当slave角色时是只读的不能进行写操作,如果写入,会提示以下错误:READONLY You can't write against a read only slave.  127.0.0.1:6382> set k3 111  (error) READONLY You can't write against a read only slave. 如果你要开启从库

Netty环境配置

netty是一个java事件驱动的网络通信框架,也就是一个jar包,只要在项目里引用即可。

Netty基于流的传输处理

​在TCP/IP的基于流的传输中,接收的数据被存储到套接字接收缓冲器中。不幸的是,基于流的传输的缓冲器不是分组的队列,而是字节的队列。 这意味着,即使将两个消息作为两个独立的数据包发送,操作系统也不会将它们视为两个消息,而只是一组字节(有点悲剧)。 因此,不能保证读的是您在远程定入的行数据

Netty入门实例-使用POJO代替ByteBuf

使用TIME协议的客户端和服务器示例,让它们使用POJO来代替原来的ByteBuf。

Netty入门实例-时间服务器

Netty中服务器和客户端之间最大的和唯一的区别是使用了不同的Bootstrap和Channel实现

Netty入门实例-编写服务器端程序

channelRead()处理程序方法实现如下

Netty开发环境配置

最新版本的Netty 4.x和JDK 1.6及更高版本

电商平台数据库设计

电商平台数据库表设计:商品分类表、商品信息表、品牌表、商品属性表、商品属性扩展表、规格表、规格扩展表

HttpClient 上传文件

我们使用MultipartEntityBuilder创建一个HttpEntity。 当创建构建器时,添加一个二进制体 - 包含将要上传的文件以及一个文本正文。 接下来,使用RequestBuilder创建一个HTTP请求,并分配先前创建的HttpEntity。

MongoDB常用命令

查看当前使用的数据库    > db    test  切换数据库   > use foobar    switched to db foobar  插入文档    > post={"title":"领悟书生","content":"这是一个分享教程的网站","date":new

快速了解MongoDB【基本概念与体系结构】

什么是MongoDB MongoDB is a general purpose, document-based, distributed database built for modern application developers and for the cloud era. MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。

windows系统安装MongoDB

安装 下载MongoDB的安装包:mongodb-win32-x86_64-2008plus-ssl-3.2.10-signed.msi,按照提示步骤安装即可。 安装完成后,软件会安装在C:\Program Files\MongoDB 目录中 我们要启动的服务程序就是C:\Program Files\MongoDB\Server\3.2\bin目录下的mongod.exe,为了方便我们每次启动,我

Spring boot整合MyBatis-Plus 之二:增删改查

基于上一篇springboot整合MyBatis-Plus之后,实现简单的增删改查 创建实体类 添加表注解TableName和主键注解TableId import com.baomidou.mybatisplus.annotations.TableId;
import com.baomidou.mybatisplus.annotations.TableName;
import com.baom

分布式ID生成器【snowflake雪花算法】

基于snowflake雪花算法分布式ID生成器 snowflake雪花算法分布式ID生成器几大特点: 41bit的时间戳可以支持该算法使用到2082年 10bit的工作机器id可以支持1024台机器 序列号支持1毫秒产生4096个自增序列id 整体上按照时间自增排序 整个分布式系统内不会产生ID碰撞 每秒能够产生26万ID左右 Twitter的 Snowflake分布式ID生成器的JAVA实现方案