方法1:
让按钮变成好看的图片
<table border="0" cellspacing="0" cellpadding="0" class="px12gray_none_6e">
<tbody>
<tr>
<td><input type="text" name="f_file" class="input_gray" size="20" disabled><input name="elmFile" type="file" style="position:absolute;filter:alpha(opacity=0); width: 20px; cursor: pointer;" id="elmFile" onchange="this.form.f_file.value=this.value" hidefocus></td>
<td width="70" align="center"><img src="newsub_124.gif" width="47" height="18" style="cursor: pointer;" alt="浏览"></td>
<td valign="bottom">(最大可能上传200K)</td>
</tr>
</tbody>
</table>
方法2:
改变按钮文字和颜色
<html>
<head>
<title>File Upload Example</title>
<script language="JavaScript" type="text/javascript">
function HandleFileButtonClick()
{
document.frmUpload.myFile.click();
document.frmUpload.txtFakeText.value = document.frmUpload.myFile.value;
}
</script>
</head>
<body>
<form name="frmUpload">
<input type="file" name="myFile" style="display: none">
<input type="text" name="txtFakeText" readonly="true">
<input type="button" onclick="HandleFileButtonClick();" value="上传文件" style="background:red">
</form>
</body>
</html>
分享到:
相关推荐
html修改FileUpload控件的浏览按钮的文字改为自定义
一个file控件实现上传多个文件到服务器,并且导入数据库中并且页面无刷新(附带所需要的js和java包)
这个案例是 html5的input file控件将文件上传到后台。
保你好用! 网上有很多file预览本地的图片,可在客户端不行。自己用滤镜写了一个预览本地的图片,服务端客户端都可以,兼容主流浏览器。如果好用,请赞!赞!
如果要让浏览按钮更漂亮一点,我们想定义它的背景颜色,甚至想用背景图片来代替,通过css定义input flie还真是办不到的。偶然看到一篇文章:input file 文件选择框美化 作者是把系统默认的按钮设置透明度为0,再定义...
解决无法为FIle控件赋值的问题!并且支持中文赋值问题
你是否老觉得html里的文件域的浏览按钮太难看呢?这个是我做的浏览组件,可以自定义图片按钮,随心所欲的改变<input type="file" />的默认按钮样式。...你可以在这个控件上做更大的开发,可用于商业用途。
我们在页面时file类型按钮上的文字默认为“浏览”,如果我们做的项目要求全部用英文表示时,如何将这两个中文字变成英文?或者需要美化file按钮时如何操作
自己收集的按钮国际化实现,大家自己看看,应该有用的
类似微博的图片上传按钮,可以自定义图片、样式和图片上的文字,兼容各种浏览器
HTML的文件上传控件的样式很不好的,我自己在网上找到的资料整合给大家。
包jar包含 tableView控件,tree控件 图片控件 二维码扫码生成控件,文件选择控件 file ,k可调用readme类获取使用方法,解析后可获取里面用到的jar包
开发环境vs2005,在上传文件时,需要一个取消的按钮来清空type=file的value,而且这个页面上有多个file控件 这个比较麻烦因为file的值本身是不允许用脚本修改的(安全角度考虑) 方法1).使用脚本把这个file的input移动到...
file 文件域 name 由用户自定义 控件的名称 value 由用户自定义 input控件中的默认文本值 size 正整数 input控件在页面中的显示宽度 readonly readonly 该控件内容为只读(不能编辑修改) disabled disabled 第一次...
上传控件input type='file' css 样式美化
NULL 博文链接:https://xace.iteye.com/blog/713126
asp.net多文件上传使用html控件的File控件,在form中就需要加入【 enctype=”multipart/form-data”】。 up3.aspx文件代码 代码如下: <%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”up3....
angular-file-upload 上传控件 封装成了一个用户控件。.net平台使用没有问题。不兼容IE低版本。
5.程序员可根基自身系统的实际情况,制定适合自己的界面(完全自由设计),如做成通用型界面、QQ邮箱附件界面,或更强大界面。 6.控件提供非常完整的属性、参数、方法和函数供程序员调用。结合回调函数和触发过程,...