DOM输入宽的操作

    查找
       直接查找
           var obj=document.getElementById('i1')
       间接查找
           innerText 仅文本
           innerHTML 全部内容
           value
               input   value获取当前标签中的值
               select   获取选中的value值（selectedIndex ）
               textarea   value获取当前标签中的值
           搜索框的示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style=" 600px;margin: 0 auto">
        <input id="i1" onfocus="Focus()" onblur="Blur()" type="text" value="请输入关键字">
        <!--输入宽新的用法-->
        <input type="text" placeholder="请输入关键字">
    </div>

    <script>
        function Focus() {
            var tag = document.getElementById('i1');
            var val = tag.value;
            if(val=='请输入关键字'){
                tag.value="";
            }

        }
        function Blur() {
            var tag = document.getElementById('i1');
            var val = tag.value;
            if(val.length==0){
                tag.value="请输入关键字";
            }

        }
    </script>
</body>

</html>