html漂亮的百度搜索框代码

发布时间:2025-12-10 12:58:26 浏览次数:6

HTML漂亮的百度搜索框,可以让你的网页更加美观和实用。以下是一个简单的HTML代码,帮助你实现这个美丽的百度搜索框。

<p ><form action="https://www.baidu.com/s" target="_blank" method="GET"><input type="text" placeholder="请输入您的搜索内容" name="wd" required><button type="submit">搜索</button></form></p><style>.search-container {position: relative;width: 600px;margin: 0 auto;}input[type=text] {width: 100%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: none;background-color: #f1f1f1;}button[type=submit] {background-color: #4CAF50;color: white;padding: 14px 20px;margin: 8px 0;border: none;cursor: pointer;width: 100%;}button[type=submit]:hover {background-color: #45a049;}</style>
需要做网站?需要网络推广?欢迎咨询客户经理 13272073477