1，首先判斷瀏覽器是否支援placeholder屬性，如果不支援則使用模擬placeholder
　　//判斷是否支援placeholder屬性
　　function isPlaceholer(){
　　var input = document.createElement(‘input’);

　　return “placeholder” in input;
　　}

2，引入js 。新增如下程式碼

function isPlaceholer(){
        var input = document.createElement('input');
        return "placeholder" in input;
    }

    if( isPlaceholer() ) {
        console.log("1")
    }else {
        console.log( "2" );

        if( $('#search').val()=="" ){
            $('#search').css({
                "color" : "#ccc"
            })
            $('#search').val("輸入裝置編號進行搜尋");
        }
        $('#search').focus(function () {
            $('#search').css({
                "color" : "#000000"
            })
            if( $(this).val()=="輸入裝置編號進行搜尋" ){
                $(this).val("");
            }
        })

        $('#search').blur(function () {
            if( $(this).val()=="" ){
                $(this).val("輸入裝置編號進行搜尋");
                $('#search').css({
                    "color" : "#ccc"
                })
            }else {
                $('#search').css({
                    "color" : "#000000"
                })
            }
        })
    }