制作简易的百度搜索框，代码就寥寥几行**你说你配不配

效果图

使用的方法 ：
1$(“input”).click(function() {}（点击框显示效果）

2var val=$(“input”).val();（截取框里面的内容）

3 $(".baidu").addClass(“ha”);（css添加颜色）
$(".baidu").html(str); （从元素中获取内容（截取加自己添加的））

添加的一个背景粉色
 .ha{
            background: pink;
        }
**写一个input标签 **
<div style="position: relative;height: 5%">
    <input type="text" style="width: 600px;height: 20px;background: azure">
    <input type="submit" value="搜索">

    <div><div class="baidu"></div></div>
</div>
 **在script书写方法方法**
 不要忘记引入js哟
$("input").click(function() {
     var val=$("input").val();
     if (!val==""){
         alert($(this).text);
         var str="<ul style='list-style-type: none;'>"+
         *[HTML]:   这里可以输入你要表达的样子
             "<li >"+val+"&nbsp;喜欢poop</li>"+
             " <li>"+val+"&nbsp;不喜欢poop</li>"+
             "</ul>>"
         $(".baidu").addClass("ha");
             $(".baidu").html(str);
     }
 });