网站加入百度搜索框代码美化版,演示见本站首页
<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: 330px; 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>
还没有评论,来说两句吧...