工作小结(十一)-能否定义上传框的样式
2009-07-28 14:45
495 查看
能否定义上传框的样式
12 <form method="post" action="" enctype="multipart/form-data">
23 <input id="f_file">
24 <input type="button" onmouseover="fclick(t_file)" value="选择上传文件">
25 <input name="upload" type="file" style="position: absolute; filter: alpha(opacity=30);
26 width: 30px;" id="t_file" onchange="f_file.value=this.value" hidefocus>
27 <br>
28 <input type="submit" value="提交">
29 </form>
实例使用:
1.前台:
<input id="UrlText" type="text" runat="server" />
2<input id="Button1" runat="server" type="button" value="浏览" class="fslbtn"/>
3<div id="inputFileDiv" runat="server" style="position:absolute;z-index:99;">
4 <input id="myFile" type="file" runat="server" style=" width: 76px;position: absolute; filter: alpha(opacity=0); cursor: pointer;" size="0" hidefocus />
5</div>
6
7</script>
2.后台:
1Button1.Attributes["onmouseover"] = "SetInputFilePosition" + Button1.ClientID + "(this)";
2myFile.Attributes["onpropertychange"] = "OnFileSelectedChange" + myFile.ClientID + "()";
12 <form method="post" action="" enctype="multipart/form-data">
23 <input id="f_file">
24 <input type="button" onmouseover="fclick(t_file)" value="选择上传文件">
25 <input name="upload" type="file" style="position: absolute; filter: alpha(opacity=30);
26 width: 30px;" id="t_file" onchange="f_file.value=this.value" hidefocus>
27 <br>
28 <input type="submit" value="提交">
29 </form>
实例使用:
1.前台:
<input id="UrlText" type="text" runat="server" />
2<input id="Button1" runat="server" type="button" value="浏览" class="fslbtn"/>
3<div id="inputFileDiv" runat="server" style="position:absolute;z-index:99;">
4 <input id="myFile" type="file" runat="server" style=" width: 76px;position: absolute; filter: alpha(opacity=0); cursor: pointer;" size="0" hidefocus />
5</div>
6
7</script>
2.后台:
1Button1.Attributes["onmouseover"] = "SetInputFilePosition" + Button1.ClientID + "(this)";
2myFile.Attributes["onpropertychange"] = "OnFileSelectedChange" + myFile.ClientID + "()";
相关文章推荐
- 工作小结(十二)-Iframe全攻略以及控制图片显示大小样式
- 工作问题小结——覆盖浏览器默认样式
- 工作小结(十六)-Ajax .NetFrameWork3.5 Sys未定义 解决方案
- <input type="file">定义样式并获取上传文件路径及指定文件类型
- 工作小结(九)-上传图片内容到数据库并读出
- 纯CSS定义input file样式及上传图片预览 CSS
- <input type="file">定义样式并获取上传文件路径及指定文件类型
- 使用透明效果来自定义文件上传按钮控件样式
- 使用透明效果来自定义文件上传按钮控件样式
- 2013年6月工作小结-- 终验前的忙碌
- 【更改表单元素默认样式】更改自定义文件上传按钮样式
- 自定义上传按钮样式的终极解决方案_input透明法
- 结构体定义 typedef struct 用法详解和用法小结 (2009-12-21 15:40:15)
- 【翻译作品】JavaScript CSS修改学习第五章:给“上传”添加样式
- JavaScript CSS修改学习第五章 给“上传”添加样式
- 修改文件上传按钮样式
- 理解 Delphi 的类(十一) - 深入类中的方法[2] - 关于覆盖与重定义
- 【QTP】使用自定义Class类出现“类没有被定义”的解决办法小结
- ABAP工作区,内表,标题行的定义和区别
- css input[type=file] 样式美化,input上传按钮美化