如何点击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标签语义化的介绍_HTML/Xhtml_网页制作 2014-12-15
html表单属性readonly和disabled的使用方法_HTML/Xhtml 2014-12-15
HTML标签tbody的用法与说明_HTML/Xhtml_网页制作 2014-12-15
使用整洁的HTML标记构建页面_HTML/Xhtml_网页制作 2014-12-15
用table表格来调整表单控件的格式让它好看一些 2014-12-15
10个未被充分利用或被误解的HTML标签_HTML/Xhtml_网 2014-12-15
HTML表格标记教程(24):行的水平对齐属性ALIGN_HTML 2014-12-15
什么是软件404和404错误它们之间有什么区别_HT 2014-12-15
W3C教程(5):W3C XML 活动_HTML/Xhtml_网页制作 2014-12-15
用js互相调用iframe页面内的js函数_HTML/Xhtml_网页制 2014-12-15

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

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

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



添加评论