社区
JavaScript
帖子详情
怎么样控制 input type=file 的按钮
jwwu
2004-09-18 08:38:16
<input type=file> 后面的那个浏览的按钮有没有什么办法控制一下
我想用一个图片代替
有没有办法实现呢
...全文
235
8
打赏
收藏
怎么样控制 input type=file 的按钮
后面的那个浏览的按钮有没有什么办法控制一下 我想用一个图片代替 有没有办法实现呢
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
8 条
回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
打赏红包
flyskywlh
2004-09-19
打赏
举报
回复
<form name=form1 action="dd.asp">
<img src="dd.jpg" onclick="ddd()">
</form>
<script language=javascript>
function ddd()
{
form1.submit();
}
</script>
gaofaq
2004-09-19
打赏
举报
回复
拜托了 楼上各位 你们都好几颗星了 认真点好不好。。。
<input type="file">只能由用户操作
可以用CSS把file设为透明 上面再放个图片 这样可以
woyingjie
2004-09-19
打赏
举报
回复
<form name="form1" method="post" action="upfile.asp" enctype="multipart/form-data">
<input id=a size=20><a href=#><img src=*.jpg width=100 height=20></a>
<span style="position:relative;top:0;left:-100;width:80;filter:alpha(opacity=0)" >
<input type="file" name=file1 onpropertychange="a.value=this.value" size=1>
</span>
<span style="position:relative;left:-100px;">
<input type="submit" value="上传">
</span>
</form>
ice_berg16
2004-09-19
打赏
举报
回复
<input type="file">只能由用户操作
---------------------------------
什么意思?不是很明白
这个问题要想改变图片只能模拟
ice_berg16
2004-09-18
打赏
举报
回复
<input type='file' name="img" style="display:none">
<input type="image" src="csdn.gif" onclick="this.form.img.click()">
歪歪
2004-09-18
打赏
举报
回复
<form name="form1" method="post" action="upfile.asp" enctype="multipart/form-data">
<img src=' ...' onclick=file1.click>
<input type="file" name=file1 style="display:none" size=1>
</form>
不知道行不
jwwu
2004-09-18
打赏
举报
回复
前面的那个输入框可不可以去掉?
zltostem
2004-09-18
打赏
举报
回复
<form name="form1" method="post" action="upfile.asp" enctype="multipart/form-data">
<input id=a size=20><img src=' ...'></img>
<span style="position:relative;top:0;left:-100;width:80;filter:alpha(opacity=0)" >
<input type="file" name=file1 onpropertychange="a.value=this.value" size=1>
</span>
<span style="position:relative;left:-100px;">
</span>
</form>
相关推荐
input
type
=
file
文件选择
1、本文所说的
input
type
=
file
指的是
type
类型是
file
的
input
元素,最简HTML代码如下: <
input
type
="
file
"> 2、原生
file
input
大小、
按钮
文字等UI自定义,原生的
file
input
不收待见的另外一个原因是:长的丑还不好
控制
。 有一种方法是这样的:让
file
类型的元素透明度0,覆盖在我们好看的
按钮
上。然后我们去点击好看的
按钮
,...
input
type
="
file
" 样式的模仿
input
type
=
file
附带
按钮
的样式几乎不被CSS所
控制
。在其它
按钮
应用了特殊格式之后,这种
按钮
在界面上显的极不协调。就目前流行的几大浏览器来看,试图用样式表
控制
这种
按钮
的样式(或更改
按钮
上文字)都是不可能的。因而一些人采取隐藏
input
type
=
file
而采用标准的
按钮
来代替它的方法。以下是一种比较简洁的实现,可以工作在IE中。其中的关键是,IE为Form控件提供
css——选择文件上传
按钮
<
input
type
="
file
" />太丑解决方案
由于<
input
type
="
file
" />太丑,通常的解决方案是,让
file
类型的元素透明度为0,覆盖在我们漂亮的
按钮
上。然后我们去点击好看的
按钮
,实际上点击的是
file
元素。 然而,此方法有很多的不足: 1、尺寸
控制
不灵活。CSSwidth属性有些浏览器不管用,需要使用size,然后高度
控制
也不精准,我们很难正好覆盖在好看的自定义
按钮
上。 2、样...
input
file
的CSS设定
input
type
=
file
附带
按钮
的样式几乎不被CSS所
控制
。在其它
按钮
应用了特殊格式之后,这种
按钮
在界面上显的极不协调。就目前流行的几大浏览器来看,试图用样式表
控制
这种
按钮
的样式(或更改
按钮
上文字)都是不可能的。因而一些人采取隐藏
input
type
=
file
而采用标准的
按钮
来代替它的方法。以下是一种比较简洁的实现,可以工作在IE中。其中的关键是,IE为Form控件提供了click()方
HTML
input
type
=
file
文件选择表单的汇总(二)
1. 原生
file
input
大小、
按钮
文字等UI自定义 元素
input
的原生样式,不是太好看: 有一种方法是这样的:让
file
类型的元素透明度0,覆盖在我们好看的
按钮
上。然后我们去点击好看的
按钮
,实际上点击是是
file
元素。 然而,此方法有一些不足: 尺寸
控制
不灵活。然后高度
控制
也不精准,我们很难正好覆盖在好看的自定义
按钮
上。 样式不好
控制
,
按钮
的hover态以及active态...
发帖
JavaScript
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
8.7w+
社区成员
22.4w+
社区内容
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
帖子事件
创建了帖子
2004-09-18 08:38
社区公告
暂无公告