必须将完整作为的直接子元素，否则submit按钮无表单上下文导致点击无反应；需设action为https、name为"wd"、避免onsubmit="return false"，并用vertical-align:middle等css统一高度对齐。
直接用 <table> 布局搜索栏是可行的，但必须把完整 <code><form></form> 作为 <td> 的直接子元素，否则按钮不提交。
<h3>为什么 <code><form></form> 必须整个塞进 <td> 里
<p>常见错误是只把 <code><input> 和 <button></button> 放进单元格，漏掉外层 <form></form>。浏览器会把 submit 按钮当普通按钮处理，点击毫无反应——因为没表单上下文，action 和 method 都没绑定上。
正确结构要点：
-
<form action="https://www.baidu.com/s" method="get"></form>必须存在，且action要用https（http已被百度拒绝） -
<input name="wd">的name必须是wd，写成q或word百度后端收不到参数 - 不要加
onsubmit="return false"，默认跳转才是预期行为
<input> 和 <button></button> 在 <td> 里对不齐怎么办
<p>Chrome/Firefox 默认渲染下，<code>type="search" 输入框和 button 高度、基线经常错位，不是 bug，是它们的 vertical-align 和 line-height 不一致导致的。
最简稳定解法（不用 flex，兼容旧浏览器）：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
form input, form button {
vertical-align: middle;
height: 36px;
line-height: 36px;
margin: 0;
}
注意：
- 别靠
padding调高度，不同浏览器解析偏差大 - 如果表格用了
border-collapse: collapse，记得给<form></form>加margin: 0，否则外边距可能被吞掉 - 避免用
display: flex包这俩元素——表格单元格对 flex 支持不稳定，尤其 IE/旧 Edge
要不要加 target="_blank" 在新页打开结果
可以加，加在 <form></form> 标签上即可，比如 <form target="_blank"></form>。Safari 等浏览器会自动补 rel="noopener"，但百度页面不依赖 window.opener，所以无需额外处理。
不过要注意：如果页面本身是嵌在 iframe 里，或开启了 strict CSP 策略，target="_blank" 可能被拦截，此时应降级为默认跳转。
真正容易被忽略的是列宽计算——表格布局下，<form></form> 宽度由 <td> 决定，而输入框默认会撑满单元格。如果不设 <code>width 或用 max-width 控制，窄屏时输入框文字会被截断，且无法水平滚动。这个细节在响应式场景下比对齐问题更致命。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
