HTML漂亮的百度搜索框,可以讓你的網頁更加美觀和實用。以下是一個簡單的HTML代碼,幫助你實現這個美麗的百度搜索框。
<div class="search-container"> <form action="https://www.baidu.com/s" target="_blank" method="GET"> <input type="text" placeholder="請輸入您的搜索內容" name="wd" required> <button type="submit">搜索</button> </form> </div> <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>
以上代碼可以創建一個漂亮的百度搜索框,你也可以自由修改樣式,加入更多樣式以滿足自己的需求。使用HTML創建漂亮的搜索框為你提供了自由和靈活性。