讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > html教程 > 正文

用图片作为label，for属性IE下不起作用 _HTML/Xhtml_网页制作

php中文网
发布： 2016-05-16 16:41:42
原创
1773人浏览过

例如：

ghiblitattoo
ghiblitattoo

用AI创造独特的吉卜力纹身

ghiblitattoo 175
查看详情 ghiblitattoo
复制代码
代码如下:



我们希望得到的效果是：点击“中国银行”，复选框会被选上（或者取消）。在FireFox,CHROME等浏览器下是没有问题的，但是IE浏览器却不吃这套。

解决的办法是使用JS：

复制代码
代码如下:

window.onload = function(){
if(document.all && navigator.appVersion.indexOf("MSIE")>-1 && navigator.appVersion.indexOf("Windows")>-1)
{
var a = document.getElementsByTagName("label");
for(var i=0,j=a.length;iif(a[i].hasChildNodes && a[i].childNodes.item(0).tagName == "IMG")
{
a[i].childNodes.item(0).forid = a[i].htmlFor;
a[i].childNodes.item(0).onclick = function(){
var e = document.getElementById(this.forid);
switch(e.type){
case "radio": e.checked|=1;break;
case "checkbox": e.checked=!e.checked;break;
case "text": case "password": case "textarea": e.focus(); break;
}
}
}
}
}
}

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：一个IE死机bug _HTML/Xhtml_网页制作 下一篇：zen coding for editplus 实例代码说明_HTML/Xhtml_网页制作
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
html5怎么插入带注释的文档_html5注释显示与隐藏控制【方法】 HTML5注释本身不可见且无法直接控制，需通过CSS模拟、data属性条件渲染或元素实现显隐功能。
2025-12-23 10:07:13
585
html5表格怎么建立_HT5用table加tr/td/th标签建立行列数据表格【建立】 HTML5中构建表格最基础方式是使用table、tr、td、th标签；需添加caption语义化标题，并推荐用thead/tbody/tfoot划分逻辑区域，配合colspan/rowspan实现合并，再通过CSS设置边框与样式。
2025-12-23 10:02:02
338
html如何垂直_设置HTML元素垂直对齐方式【对齐】 实现HTML元素垂直对齐有五种方式：一、vertical-align适用于内联级和表格单元格；二、flexbox通过align-items:center实现；三、绝对定位配合transform:translateY(-50%)；四、grid布局用align-items或align-self；五、单行文本可用line-height等于容器高度。
2025-12-23 09:52:02
195
html字如何调节大小_使用HTML与CSS调节字体尺寸技巧【尺寸】 可通过五种方法调节HTML字体大小：一、内联style属性；二、内部CSS样式表；三、外部CSS文件；四、相对单位（rem/vw）实现响应式；五、语义化标签配合默认比例。
2025-12-23 09:47:32
364
html5 plus 怎么使用_HT5 Plus在HBuilder调API实现扫码拍照功能【使用】 需先监听plusready事件初始化HTML5Plus环境，再调用plus.barcode.scan实现扫码或plus.camera.captureImage拍照，同时在manifest.json中配置相机与扫码权限，并做好跨平台兼容性处理。
2025-12-23 09:45:31
898
怎么上传图片html5_html5用FormData或input file上传图片到服务器【上传】 可通过HTML5的FormData与file输入框结合XMLHttpRequest或fetch实现图片上传：一、XMLHttpRequest方式需创建FormData并手动配置xhr；二、fetch方式以Promise风格简化异步流程；三、启用multiple属性可批量上传；四、配合FileReader可实现本地预览。
2025-12-23 09:36:09
588
html5怎么显示文字_html5用p/span等标签加CSS设样式显示文字【显示】 要在HTML5页面中正确显示文字，需用语义化标签（如p、span）并配合CSS设置字体、颜色、尺寸等样式，确保可见性、可访问性及响应式适配。
2025-12-23 09:27:39
762
html5怎么设置提醒_html5用alert或Notification API设置弹窗提醒【设置】 HTML5提供alert()和NotificationAPI两种提醒方式：前者是同步模态框，兼容性好；后者需HTTPS和用户授权，支持自定义图标与行为，并可降级为alert。
2025-12-23 09:13:07
129
html如何看懂_看懂并理解HTML代码结构【理解】 掌握HTML解析需五步：一、识别html根元素及head/body骨架；二、依缩进分析嵌套层级；三、辨识header、nav等语义标签功能；四、解析class、href等属性与文本关联；五、用浏览器开发者工具验证DOM结构。
2025-12-23 09:11:27
593
电脑html5怎么使用_电脑用新版浏览器打开HTML5文件直接渲染使用【使用】 需用支持HTML5的现代浏览器，通过file://协议双击打开、浏览器菜单打开、本地HTTP服务器（Python/Node.js）、VSCodeLiveServer插件或VisualStudio内置功能加载页面。
2025-12-23 09:07:02
649
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部