<! doctype html>


<html>
<head>
<meta charset=”UTF-8″>
Baidu search prompt box
<style>
* { margin: 0; padding: 0; outline: none; }
.search101 {
width: 650px;
margin: 300px auto;
font-size: 0;
}
.sou1 {
width: 514px;
height: 40px;
color: #666;
font: 16px Microsoft YaHei;
Border: 1 px solid rgba (170170170, 9);
border-right: 0;
border-radius: 2px 0 0 2px;
Background: rgba (255255255, 9);
padding: 0 30px 0 3px;
vertical-align: top;
display: inline-block;
transition: .2s;
}
.sou2 {
width: 100px;
height: 42px;
font: 16px Microsoft YaHei;
Color: rgba (255255255, 9);
Background: rgba (0170240, 1);
border: 0;
Border – left: 1 px solid rgba (0170240, 1);
border-radius: 0 2px 2px 0;
margin: 0 0 0 -1px;
vertical-align: top;
transition: .3s;
display: inline-block;
cursor: pointer;
}
.sou2:hover {
Background: rgba (0140220, 9);
}
.sou1:focus {
color: #333;
Border: 1 px solid rgba (0170240, 1);
border-right: none;
}
</style>
</head>


<body>
<div class=”search101″>
<form action=”
www.baidu.com/baidu” class=”search-form” method=”” id=”search-form”>
<input id=”ipt1″ name=”tn” type=”hidden” value=”baidu” >
<input type=”text” id=”sou1″ class=”sou1″ name=”word” maxlength=”8048″ value=”” placeholder=”” baiduSug=1 onmouseover=”focus()”>
< form type=”submit” class=”sou2″ value=” “>
</form>
</div>






<! — Baidu search prompt –>
< script charset = “GBK” SRC = “www.baidu.com/js/opensug….” >

<script>
document.getElementById(“sou1”).focus();
var txtObj = document.getElementById(“alertSpan”);


// Callback function to get the text that the user is currently selecting
function show(str){
txtObj.innerHTML = str;
}
var params = {
“XOffset”: 0, // Horizontal offset of the position of the prompt box, unit: px
“YOffset”: 0, // Vertical offset of the position of the prompt box, unit: px
“Width “: 204, // The width of the prompt box, in px
“FontColor “: “#666”, // Prompt box text color
“FontColorHI “: “#222”, // Prompt box to highlight the selection of text color
“FontSize “: “16px”, // Text size
“FontFamily “:” Microsoft Yahei “, // text font
“BorderColor “: “#d8d8d8”, // the borderColor of the prompt box
“BgcolorHI “: “# e8e8E8 “, // Prompts the box to highlight the selected color
“SugSubmit “: true, // Select prompt entry whether to submit the form
};
BaiduSuggestion.bind(“ipt1”,params,show);
</script>
</body>
</html>