浏览器不兼容的问题

浏览器不兼容的问题

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

    <input type="text" name="yourname" placeholder="your Name"/><br><!--这是单行文本-->

     <input type="text" name="Phone" placeholder="your Phone"/><br><!--这是单行文本-->

     <input type="text" name="email" placeholder="your Email"/><br><!--这是单行文本-->

    <textarea name="jj"  rows="5" placeholder="Write Your Comoment Here"/></textarea><br><!--这是多-->

</body>

</html>

同样的代码为什么在IE浏览器和360浏览器中不一样呢?

http://img1.sycdn.imooc.com//climg/5a3d201a00011dde05130349.jpg

http://img1.sycdn.imooc.com//climg/5a3d201a0001efda05630477.jpg


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
王脆笋 2017-12-24 00:12:20

IE 9以下的版本是不支持placeholder属性的,这是浏览器兼容性问题,前端很多时候都要处理这种浏览器兼容的问题

  • 提问者 月下独自饮酒 #1
    请教老师例如这种情况该如何处理?
    2017-12-24 08:50:46
  • 王脆笋 回复 提问者 月下独自饮酒 #2
    像这种兼容性不强的属性,如果还想实现这种效果的话,一般都用js来动态赋值文字给文本输入框,再写个监听鼠标点击函数,当检测到鼠标点击该文本输入框后隐藏之前赋的值。
    2017-12-24 14:28:49
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师