CSS 带搜索导航栏 - 带提交按钮
引用示例
点击运行
自动执行
HTML 教程
JavaScript 教程
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>迹忆客(jiyik.com)</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="topnav"> <a class="active" href="#home">主页</a> <a href="#about">关于</a> <a href="#contact">联系我们</a> <div class="search-container"> <form action="/action_page.php"> <input type="text" placeholder="搜索.." name="search"> <button type="submit">提交</button> </form> </div> </div> <div style="padding-left:16px"> <h2>响应式搜索菜单</h2> <p>导航栏里面有一个搜索框。</p> <p>调整浏览器窗口的大小, 查看效果。</p> </div> </body> </html>
CSS
JAVASCRIPT
嵌入代码
