请问如何简化成一个链接？

[prhanxben]

<input type="file">类型在网页上的显示是左边一个文件路径显示，右边一个浏览按键。
现在我想把其简化成一个类似 <a href="" > 类型的，点了直接弹出选文件的对话框。

请问如何做到呢？？

[bolm]

<input type="file" name="f" style="display:none" />
<input type="button" value="upload" onclick="f.click();" />



-----------------
http://bolm.cn

[bolm]

改成链接的样式：
<input type="file" name="f" style="display:none" />
<a href="#" onclick="f.click();">上传</a>


-----------------
http://bolm.cn

[prhanxben]

[Quote=引用 4 楼 bolm 的回复:]

改成链接的样式：
<input type="file" name="f" style="display:none" />
<a href="#" onclick="f.click();">上传 </a>


-----------------
http://bolm.cn
[/Quote]
多谢，正是我想要的，不过又发现一个问题，如果在选文件的对话框中不选文件点取消，还是会链接到
href="#" 中的地址去，如何让点取消之后页面不跳转呢。。

[yuanbc]

把href="#"改成href="javascript:"就可以。

[prhanxben]

[Quote=引用 6 楼 yuanbc 的回复:]
把href="#"改成href="javascript:"就可以。
[/Quote]
是用href指向一个js脚本么？然后判断 f的内容是否为空，为空的话不提交，是不是如下这样：

href="javascript: fun()"

[prhanxben]

很着急，自己顶下。。。

[prhanxben]

晕，是我问题不清楚还是这个版人气太低，一上午一个回复都没有啊，伤心。。。。

[guoxujie]

可以类似下面的形式：

<a href="http://www.csdn.net" title="进入">
<img src="http://www.csdn.net/2.jpg"
onmouseover="javascript:try{showUserCard(event,'abc');catch(ex){}"
alt="进入" />
</a>

[cftea]

正确的做法是：href="#" onclick="javascript:func();return false;"

如果把函数写在 href 中，可能在某些浏览器中会引起 GIF 动画停止。

[babelBuilder]

[Quote=引用 8 楼 cftea 的回复:]
正确的做法是：href="#" onclick="javascript:func();return false;"

如果把函数写在 href 中，可能在某些浏览器中会引起 GIF 动画停止。
[/Quote]
先支持一下。不过我认为还应该修改一下，将href改成某个实际地址（由于return false的存在，不会发生跳转）。这样修改之后，还可以满足javascript中的“预留退路”原则。