input[type="search"]在Chrome、Edge、Safari中自动显示清空按钮，Firefox需CSS或JS模拟；语义明确但提交行为同text；placeholder宜用示例，autocomplete="search"更精准；需重置WebKit默认样式并注意iOS字体缩放。
type=search 会自动添加清空按钮，但只在部分浏览器生效
Chrome、Edge 和 Safari 都会在 input[type="search"] 获得焦点且有内容时显示右端的「×」清空按钮；Firefox 默认不显示，需手动用 CSS 启用：
input[type="search"]::-webkit-search-cancel-button { appearance: searchfield-cancel-button; }。注意这个伪元素仅对 WebKit 内核有效，Firefox 无对应标准 API，只能靠 JS 模拟清空逻辑。
submit 行为和普通 text 输入没区别，但语义更明确
点击回车或触发表单提交时，input[type="search"] 和 input[type="text"] 完全一致，不会自动跳转或触发特殊请求。它的价值在于：告诉浏览器这是搜索场景，可能影响虚拟键盘类型（移动端显示「搜索」键）、辅助技术识别用途、以及被某些浏览器用于历史记录聚合（如 Chrome 地址栏下拉会显示之前搜过的关键词）。不要指望它自动绑定到某个 API 或防抖逻辑——那得自己写。
placeholder 和 autocomplete 属性配合效果更好
搜索框高频使用 placeholder 提示，但要注意两点：
• placeholder 是纯提示文本，不参与表单提交，也不该放“请输入关键词”这种废话，建议用具体示例如 placeholder="Python 装饰器"；
• autocomplete="search" 比默认的 autocomplete="on" 更精准，能引导浏览器优先展示搜索历史而非表单历史；
• 如果不想让浏览器记住搜索词，用 autocomplete="off"，但注意某些浏览器会忽略它，更可靠的是加个随机 name 值（比如 name="q_12345"）来绕过自动填充缓存。
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
样式重置比想象中麻烦，尤其圆角和背景
不同浏览器对 type="search" 有默认样式：Safari 默认带圆角和内边距，Chrome 会加一个微妙的背景渐变。想统一外观，必须显式覆盖：
• 清除 WebKit 默认搜索框样式：
input[type="search"] {-webkit-appearance: textfield;}• 重置所有基础样式：
border、padding、background、border-radius 都得单独设；• 如果用了
appearance: none，记得补上 outline: none，否则聚焦时可能丢失视觉反馈；• 移动端 iOS 下，
font-size 小于 16px 会导致缩放，影响体验，别为了省空间乱压字体大小。
立即学习“前端免费学习笔记（深入）”；
实际项目里最常被忽略的是 Firefox 的清空按钮缺失和 iOS 字体缩放问题，这两个点不提前测，上线后用户反馈一来就只能紧急 patch。
