BootStrap-FileUpload美化样式
效果:
代码:
<div class="panel panel-default" >
<div class="panel-heading" >
<h5><b>请,选择上传⽂件:</b></h5>
</div>
inputtypefile样式<div class="panel-body">
<table>
<tr>
<td>
<label for="exampleInputFile">选择上传⽂件:</label>
</td>
<td>
<input id="lefile" type="file" />
<div class="input-append">
<input id="photoCover" class="input-large" type="text" placeholder="FileUpload"/>
<a class="btn" onclick="$('input[id=lefile]').click();" style ="background-color:#FFD800; height:30px; color:#ffffff; width:100px;">上传</a>
</div>
<script type="text/javascript">
$('input[id=lefile]').change(function () {
$('#photoCover').val($(this).val());
});
</script>
</td>
</tr>
<tr>
<td>
<label for="exampleInputEmail1">打印份数:</label>
</td>
<td>
<input type="email" class="form-control" id="pagenum" placeholder="PageNum" />
</td>
</tr>
</table>
</div>
</div>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论