jsp 设置自己喜欢的input:file样式
来源:互联网 发布:拼多多与淘宝 编辑:程序博客网 时间:2024/05/16 07:24
在web前端开发的过程中,我们难免不会遇上文件上传的功能。但是自带的input:file样式也太丑了,如何设置自己喜欢的样式呢?
我们要做如下几步:
1.input:file隐藏
2.在input:file上设置自己的input:text and input:button。
代码如下:
<tr>
<td>
<input type="text" class="yourClassName" name="filePath" id="filePath"/>
<input type="file" id="txtfilePath" name="txtfilePath" style="display:none;">
<input type="button" onclick="txtfilePath.click()" id="fileup" name="fileup"
class="yourName" value="上传">
</td>
</tr>
<script type="text/javascript">
document.getElementById("txtfilePath").onchange = function() {
document.getElementById("filePath").value = this.value;
};
</script>
yourClassName 是显示文件路径的input的样式名儿。(自己觉得怎么漂亮怎么定义)
yourName是显示上传字样的button样式名儿。(自己觉得怎么漂亮怎么定义)
0 0
- jsp 设置自己喜欢的input:file样式
- 设置input file的样式
- input file样式设置
- input file 的样式
- <input type="file">中怎设置按钮的样式
- 设置<input type="file">的默认样式
- input的样式设置
- 修改Input File的样式
- 设置input 的 checkbox样式
- input file 的样式改变的实例
- 自定义file类型input的样式
- input type="file" 样式的模仿
- 改变input type file的默认样式
- input[type="file"]的样式修改
- 修改input元素的file样式
- 自定义input[type=”file”]的样式
- input,type="file"的样式修改
- 美化input type="file"的样式
- 选择排序
- 上海Java技术沙龙第6期
- Android网络HttpURLConnection和HttpClient
- Word中插入目录时未找到目录项
- ListView具有多种item布局——实现微信对话列
- jsp 设置自己喜欢的input:file样式
- 三和先生 筆寫本 (孫子)
- Spring配置datasource的三种方式
- 软件工程之系统建模篇【设计用例控制类模型】
- 细胞统计:Robust Segmentation of Overlapping Cells in Histopathology Specimens
- UML类图符号
- 快速排序
- action<> func<> 这2个委托使用和理解
- Linux下Nginx安装