网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

标题	bootstrap布局中input输入框右侧图标点击功能
内容	这篇文章主要为大家详细介绍了bootstrap布局中input输入框右侧图标点击功能实现的相关代码，感兴趣的小伙伴们可以参考一下     使用bootstrap布局可以在input的输入框中添加譬如登录名输入框中的一键清除图标和密码输入框中显示密码的小眼睛图标，如下图：          但是在将图标放入input输入框中，这些小图标是无法获得点击事件的；     那么问题来了，怎样让这些小图标能够获得点击事件呢？     我也不知道，但是可以用一种迂回的方式，来间接的实现该功能。     ***重点来了：     解决方案：在小图标的位置上，添加一个看不见的元素，元素的大小正好将小图标覆盖，但是没有背景颜色和边框；相当于给小图标盖了一个透明的被子；     代码如下:     <div>     <span><i></i></span>     <input type="text" placeholder="账号/手机号/邮箱" id="userName">     <span></span> <--小图标元素-->     <span></span> <--覆盖在小图标上面的元素-->     </div>     将事件添加在这个覆盖在小图标上的元素，小图标的作用仅仅是根据需要进行显示和隐藏即可；     如此便间接实现了，小图标的点击效果，是不是很棒的解决方法，谢谢大家的阅读，希望能帮助大家顺利解决问题。
随便看	2014年烟台市莱州市公布审判辅助人员招考笔试成绩及面试安排的通知 广东省轻工业高级技工学校2013年招聘拟录用工作人员名单公示 内江市东兴区人力资源和社会保障局关于东兴区2013年下半年考聘事业单位工作人员笔试总成绩及排名公示 广东省人民政府驻成都办事处2014年招聘工作人员考试笔试成绩 内江市资中县人力资源和社会保障局2013年下半年事业单位考聘笔试总成绩及排名公示 南方医科大学中西医结合医院2014年招聘人员方案 南方医科大学中西医结合医院2014年招聘人员岗位和条件要求一览表 新疆供销学校2013年招聘工作人员总成绩及进入体检考察环节人员名单公示 平顶山市公安局2013年招聘事业单位工作人员体检通知 2014年襄樊市保康县拟聘用事业单位工作人员公示 2014年淮安市职业技能鉴定中心招聘高层次人才简章 2013年儋州市各镇安全生产监督管理所定向大学生村官招聘工作人员更改面试时间公告 2013年儋州市部分事业单位招聘工作人员考核对象的公告 文昌市2013年乡村医生资格考试成绩公示 2014年文昌市直属医疗卫生机构招聘医务人员笔试成绩的公示 2014年黄石市人事考试院招聘工作人员面试人员名单公告 黄石市市中心医院组织2014年湖北理工学院护理本科专场校园招聘公告 黔东南州施秉县2014年吸收引进事业单位急需紧缺人才报名情况公示 2014年毕节市纳雍县招聘缺编事业人员综合成绩公示 2014年广西企业与企业家联合会招聘启事 2014年广西文物保护与考古研究所招聘启事 六盘水市水城县2013年招聘事业单位工作人员公告第八号 巴彦淖尔市五原县2013年-2014年度人才储备公告 防城港市港口区2013年招聘教师和事业单位工作人员体检和考核公告 2014年中科院微生物所病原微生物与免疫学重点实验室陈吉龙研究组招聘启事 foreign donor foreign earnings foreign entity foreigner foreign exchange foreign-exchange foreign exchange broker foreign-exchange-broker foreign exchange dealer foreign-exchange-dealer 声 壱 売 壳 壴 壵 壶 壷 壸 壹 江苏玄武湖的导游词范文5篇 江苏留园的导游词范文5篇 江苏个园的导游词范文5篇 江苏花果山的导游词范文5篇 江苏大明寺的导游词范文5篇 江苏栖霞山的导游词范文5篇 江苏寒山寺导游词范文 江苏东关街的导游词范文 江苏留园导游词范文 江苏大明寺的导游词范文

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。