JSFiddle - React, Tailwind, and code Playground

by qian jin

HTML

<div>
    <div>
        <!--HTML5 input的属性-->
        placeholder：
        <input placeholder="请输入..."/>
    </div>
    <div>
        <!--IE9 解决方法-->
        JQuery IE9：
        <input value="" id="1" type="text"/>
    </div>
</div>

CSS

.fontColor {
    color: grey;
}

JavaScript

$(window).ready(function() {
    $("#1").val("请输入...");
    $("#1").addClass("fontColor");
    $("#1").bind("focus",function(){
        if($("#1").val() == "请输入..."){
            $("#1").val("");
            $("#1").removeClass("fontColor");
        }
    })
    $("#1").bind("blur",function(){
        if($("#1").val() == ""){
            $("#1").val("请输入...");
            $("#1").addClass("fontColor");
        }
    })
})