怎么在这个搜索框中加入百度搜索的功能


```html
 
```html
html>
<html lang="en" dir="ltr">
<head>
    <meta charset="utf-8">
    <title> 搜索框 title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1309180_m0vigzfu7y.css">
    <style type="text/css">
        .bod1
        {
            /*background: -webkit-linear-gradient(to right, #f7797d, #FBD786, #C6FFDD);*/
            /*background-image: url(" 2558.jpg");*/
            /*background-size:cover;*/
            background: #aa4b6b;  /* fallback for old browsers */
            background: -webkit-linear-gradient(to right, #3b8d99, #6b6b83, #aa4b6b);  /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to right, #3b8d99, #6b6b83, #aa4b6b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 
 
        }
        .search-box
        {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate( -50%,-50%);
            background: #FD2C6B;
            height: 40px;
            border-radius: 30px; /*圆角边框*/
            padding: 10px;
        }
        .search-box:hover> .search-text
        {
            width: 400px;
        }
        .search-box:hover> .search-btn
        {
            background: white;
            color: #26087b;
        }
        .search-btn
        {
 
            color: white;
            float: right;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background:#FD2C6B;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: 0.5s;
        }
        .search-text
        {
            border: none;
            background: none;
            outline: none;
            float: left;
            padding: 0;
            color: white;
            font-size: 20px;
            font-family: "Microsoft YaHei UI Light";
            transition: 0.5s;
            line-height:40px;
            width:  0px;
 
        }
 
    style>
head>
<body class="bod1">
 
<div class="search-box">
    <input class="search-text" name="inputs" value="点我是想老公亲亲嘛qwq">
    <a class="search-btn" href="#">
    <i class="iconfont iconchazhao">i>
    a>
div>
body>
html>

```

调用百度接口就行。看 url地址 wd=xxx就是你要搜索的内容

我博文有个案例，你可以参考一下：https://blog.csdn.net/cainiaoyihao_/article/details/115908633?

可以参考这篇文章https://blog.csdn.net/xxx_datou/article/details/115311805

如果是联网环境，比如你可以正常访问百度，那么可以自己写一个后台，接收前端的数据，然后使用httpclient发送到百度，通过接收百度的数据，然后再返回你自己的前台即可。