html - 兼容ie8的input点击消失，离开出现文字

最新推荐文章于 2020-08-26 11:14:44 发布

Beluga_白鲸

最新推荐文章于 2020-08-26 11:14:44 发布

阅读量2.4k

点赞数

分类专栏：【 Web 】文章标签： input html

本文链接：https://blog.csdn.net/u012246458/article/details/44339345

版权

【 Web 】专栏收录该内容

57 篇文章 0 订阅

订阅专栏

<input type="text" id="register-phone" class="input-input" value="手机号" οnfοcus="this.value=''" οnblur="this.value='手机号'"/>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Beluga_白鲸

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

HTML+CSS----------HTML5+CSS3

qq_31913969的博客

09-04

993

html回忆录 1、网页的组成：图片、文字、超链接、视频、音频等 2、网页中web标准三层组成:结构(html)、表现(css)、行为(JS). 3、Chrome浏览器的内核：Blink；苹果内核：webkit; 4、HTML是超文本标记语言，是描述网页的一种语言，是一种标记，不是一种语言，是一套标记标签。 5、超文本指的是超越文本的限制，超级文本链接 6、内核渲染HTML和CSS 7、 8、 ...

-1. HTML&CSS 基础总结

Holsen_bakery's Learning notes Blog

03-05

876

HTML&CSS 基础知识笔记总结

参与评论您还未登录，请先登录后发表或查看评论

input框中出现提示文字（兼容ie 火狐谷歌）

04-09

有好多的提示文字直接写在了input框中，placeholder属性只在高版本的谷歌和火狐中有但是不兼容ie8以下，此附件为input框中出现提示文字（兼容ie 火狐谷歌）。

对于ie8和ie8一下版本不支持placeholder（文本框提示信息）的解决方案

java爱好者a的专栏

08-16

2034

最近项目中用到要在文本框中或文本域中添加提示信息，如常见的登录。发现jquery.placeholder.1.3.js的插件不支持ie8以及一下版本，经过查找上网查找，找到如下解决方案。下边先给出ie8以上的写法和用到的js插件引用js:http://download.csdn.net/download/tugenhua0707/7495563 这一种为i8及以下的版本在代

html5在ie8及以下的兼容性问题

qq_36033484的博客

05-26

304

最近仿的几个主题中，有几个是采用html5语法制作的，html5嘛，以后必然大势所趋，但是现有的很多浏览器并不支持这种新的标准。而我制作网站习惯用的是chrome浏览器的，当然不存在不兼容问题了。等主题做完上线后，经ie8以下浏览器测试，页面惨不忍睹，我在ie10的ie8模式下查看了ie7解析html的语法全部乱了，比如 <footer>这里是footer部分</footer> 他在ie8以下解析成了 <footer/>这里是footer部分</f

IE8可以兼容HTML5的标签

EathonZ的博客

09-26

1860

1.这是第一个 (function(e,t){function n(e,t){var n=e.createElement("p"),i=e.getElementsByTagName("head")[0]||e.documentElement;return n.innerHTML="x"+t+"",i.insertBefore(n.lastChild,i.firstChild)}functio

input点击后placeholder中的提示消息消失

09-02

而`onblur`事件处理器在输入框失去焦点时恢复`placeholder`的原始值，以便当用户离开输入框时，提示信息再次出现。此外，由于浏览器之间的兼容性问题，有时需要避免使用原生的`placeholder`属性，并采取其他实现...

文本框点击时文字消失，失去焦点时文字出现

09-06

3. **容错处理**：如果用户没有输入任何内容就离开文本框，提示文字会再次出现，避免用户遗忘输入。在实际应用中，这样的功能可以轻松应用于搜索框、用户名输入框、邮箱输入框等需要用户输入特定信息的场景。通过...

html+css+js基础问答

qq_43751465的博客

08-26

5238

css3 1.标签语义化顾名思义，合理的标签干合适的事情块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、行内块（display：inline-block）：img、input 区别： 1.

IE8下input无法获得焦点的诡异问题

郁辰磊的前端技术分享

11-10

6290

今天遇到一个诡异问题，场景如下 1.内网，XP（sp3），IE8 2.input无法得到焦点查遍百度google，否定dll缺失问题，兼容模式问题等等，扒开一层层css最终得到真相重现问题其实重现条件很苛刻 1.input设置背景为 none或透明 2.下层非透明 3.input没有value 现象是：直接点input无法得到

ie8不兼容input标签的处理办法

湛庐无方

01-06

3944

ie679 火狐都兼容就是ie8 谷歌 opera出现上图的情况只要在input标签加一个vertical-align:top;再调整下高度就可以了

兼容ie8的文件上传美化 input type="file"

王二丫的博客

03-23

4391

先上效果图：上传文件格式正确：上传文件格式错误：HTML：<div> <div class="file">选择文件 <input type="file" class="file-input" /> <div class="showFileName"

IE8,input事件穿透

weixin_33743703的博客

09-30

408

连续加班一个半月，项目昨天晚上12:08终于上线了；然后处理了一些新发现的bug；一直熬到凌晨五点半才吃点宵夜回家睡觉。然后下午这会过来上班；回想昨晚的场景，真的跟打仗一样。。然后发现了一个比较有意思的bug；称之为“事件穿透”！，问题只在纯IE8浏览器下重现（IE9，10，11的的IE8模式切换不重新）。场景大概是这样的；首页有一个浮动的登录框；然后页头有一个导航（...

JS 实现input文本框点击时文字消失，失去焦点时文字出现

一直专注于互联网

10-07

2046

JS+html <input onblur="if (value ==''){value='输入文字'}" onclick="if(this.value=='输入文字')this.value=''" value="输入文字" /> 效果图：

JS Input输入框实时监听示例（兼容IE8）

qq1014156094的博客

08-14

2839

// IE11以下执行 if(document.all){ // input搜索框的值实时监听 var searchInput = document.getElementById("search-input"); var searchBtn = document.getElementById("search-btn"); searchInput.onproper

纯JS+Canvas实现兼容IE6-8的图片验证码教程

本文主要介绍了如何使用纯JavaScript实现一个图片验证码功能，并确保其兼容IE6-8版本。作者在项目需求中遇到了对IE8兼容性的挑战，因为找到了一个名为gVerify.js的插件，该插件在其他现代浏览器中表现出色，但不适用...