如何点击a标签实现弹出input file上传文件对话框-自学php网

主页 > 前端 > html教程 >

如何点击a标签实现弹出input file上传文件对话框

来源：自学PHP网时间：2014-12-15 15:58 作者：阅读:次

[导读] 点击a标签实现弹出input file上传文件对话框，html、css、如下感兴趣的朋友可以参考下哈，希望对你有所帮助...

点击a标签实现弹出input file上传文件对话框，html、css、如下感兴趣的朋友可以参考下哈，希望对你有所帮助

html

复制代码

代码如下:

<SPAN class=tag><<SPAN class=title>div</SPAN>></SPAN>
<SPAN class=tag><<SPAN class=title>a</SPAN> <SPAN class=attribute>href</SPAN>=<SPAN class=value>"###"</SPAN>></SPAN>添加图片<SPAN class=tag></<SPAN class=title>a</SPAN>></SPAN>
<SPAN class=tag><<SPAN class=title>input</SPAN> <SPAN class=attribute>type</SPAN>=<SPAN class=value>"file"</SPAN> <SPAN class=attribute>name</SPAN>=<SPAN class=value>"image"</SPAN> <SPAN class=attribute>class</SPAN>=<SPAN class=value>"hidden"</SPAN> <SPAN class=attribute>value</SPAN>=<SPAN class=value>""</SPAN> /></SPAN>
<SPAN class=tag></<SPAN class=title>div</SPAN>></SPAN>

css

复制代码

代码如下:

<SPAN class=class>.hidden</SPAN> <SPAN class=rules>{
<SPAN class=rule><SPAN class=attribute>display</SPAN>:<SPAN class=value> none;</SPAN></SPAN>
<SPAN class=rule>}</SPAN></SPAN>

复制代码

代码如下:

jquery
$('a').on('click', function(e) {
e.preventDefault();
$(this).closest('input[type=file]').trigger('click');
})

html中select optgroup标签使用介绍_HTML/Xhtml_网页制作

checkbox的indeterminate属性使用介绍_HTML/Xhtml_网页制

最新评论

加载更多~~

添加评论

更多文章推荐

清除网页文字水印的两种简单方法_HTML/Xhtml_网页 2014-12-15
纯css为select添加样式(无脚本)实现_HTML/Xhtml_网页制 2014-12-15
用标准dl,dt,dd标签抛弃table列表_HTML/Xhtml_网页制作 2014-12-15
关于HTML中的滚动条使用技巧分享_HTML/Xhtml_网页制 2014-12-15
html 自定义标签使用实现方法_HTML/Xhtml_网页制作 2014-12-15
HTML  注释标签的深层次作用分析_HT 2014-12-15
使用a链接时如何阻止超链接跳转_HTML/Xhtml_网页制 2014-12-15
abbr标记和acronym标记_HTML/Xhtml_网页制作 2014-12-15
HTML small标记使用技巧_HTML/Xhtml_网页制作 2014-12-15
HTML 结构化实现方法_HTML/Xhtml_网页制作 2014-12-15

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com



添加评论