php input type file自定义样式!!请看问题详细!

想统一做成这种样式的前面的内容是一个text框,可以把文件名通过表单提交到数据库的。用js怎么实现... 想统一做成这种样式的前面的内容是一个text框,可以把文件名通过表单提交到数据库的。
用js怎么实现
展开
 我来答
匿名用户
2015-03-10
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
 .a{display:inline-block; border:solid 1px #b7b7b7; background:#e7e7e7;height:30px; line-height:30px; margin:0px; float:left}
 .b{padding:0px 10px;width:200px; border-right:none 0px;}
 .c{width:80px; height:32px; line-height:32px;}
</style>
</head>
<body>
  <form method="post" enctype="multipart/form-data">
   <input type="file" id="file" style="display:none" onChange="document.getElementById('text').value = this.value">
   <input type="text" class="a b" id="text" readonly>
   <button type="button" class="a c" onClick="document.getElementById('file').click()">浏览...</button>
  </form>
</body>
</html>

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式