更改input file的样式

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家，也给大家做个参考。

<!DOCTYPE html>
<html>
<head>
	<Meta charset="utf-8"/>
	<script type="text/javascript">
	function file_change(e)
	{
		document.getElementById("file_name").value = e;
	}
	</script>
</head>
<body>
	<form action="">
		<input type="text" readonly="readonly" name="file_name" id="file_name"/>
		<input type="file" name="btn_file" style="display:none" onchange="file_change(this.value)"/>
		<input type="button" value="浏 览" onclick="btn_file.click();" name="get_file"/>
		<input type="submit" value="提 交" name="sub"/>
	</form>
</body>
</html>

以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

更改input file的样式

相关文章