高校问答应聘时自我介绍:在HTML里用图标来做一个查找（file）按钮。怎么做？
来源：百度文库 编辑：高校问答 时间：2024/05/09 07:28:11
2,你可以把按钮隐藏，那文件路径呢？
这个不怎么难啊，看下面代码
<html>
<head>
<title>File</title>
<style type="text/css">
#infile {visibility: hidden;}
input {font-family: Verdana; font-size: 9pt;}
</style>
<script language="JavaScript">
function changeName()
{
var f = document.getElementById("filename");
f.value = document.getElementById("infile").value;
}
function openFile()
{
document.getElementById("infile").click();
}
</script>
</head>
<body>
<input type="file" id="infile" onChange="changeName();" />
<input type="text" id="filename" size="50" maxlength="50" />
<a href="javascript: openFile();"><img src="***.jpg" border="0" /></a>
</body>
</html>
原理：
点击图片链接时，触发打开文件框，如果file框里的内容改变时，把file框里的内容传到文本框。
<html>
<head>
</head>
<body>
<input type="file" id="abc">
<input type="image" src="http://img.baidu.com/img/logo-zhidao.gif" onClick="gourl()">
</body>
</html>
<Script language="javascript">
function gourl()
{
document.getElementById("abc").click();
}
</script>