form标签不渲染界面，仅作数据提交容器；真正决定输入方式的是input、textarea、select等控件，需先明确字段及对应类型。

form 标签本身不渲染可见界面，它只是数据提交的容器；真正决定用户怎么输、输什么的，是里面的 input、textarea、select 这些控件。别一上来就写 form，先想清楚要收哪些字段、每种字段该用什么类型。

text/password/email 等 input 类型的区别和选型

同一套 input 标签，靠 type 属性切换行为，但浏览器对不同 type 的处理差异很大：

• type="text" 最通用，但无格式校验，用户可输任意字符（包括空格、特殊符号）
• type="email" 在移动端会唤起带 @ 符号的键盘，且表单提交前浏览器自动检查是否含 @ 和 .，但不验证域名是否存在
• type="password" 仅隐藏输入内容（星号掩码），不加密、不防抓包，密码明文仍存在于 DOM 中
• type="number" 会禁用非数字字符输入（如字母、中文），但允许粘贴——粘贴含字母的字符串时，值会变成空字符串，容易导致后端解析失败
• type="tel" 在 iOS 上会唤起拨号键盘，但无统一校验规则，各国手机号格式差异大，别指望它帮你拦错

为什么 name 属性比 id 更关键？

表单提交时，只有带 name 的控件才会把数据发出去。id 只用于 CSS 或 JS 定位，跟提交无关。常见错误是只写了 id 忘了 name，结果后端收不到任何值。

Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转

实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。

下载

• 单选按钮（type="radio"）必须同名（相同 name），才能互斥选择；value 值才是实际提交的内容
• 复选框（type="checkbox"）也靠 name 分组，但多个同名 checkbox 提交时，值会以数组形式发送（如 hobby=reading&hobby=coding）
• 如果某个 input 没写 name，哪怕用户填了，它也不会出现在提交数据里

label 标签不是可有可无的装饰

不包裹 input 的 label 必须用 for 属性绑定对应 input 的 id，否则点击文字无法聚焦输入框——这对触屏设备和屏幕阅读器尤其重要。

• 写法一（推荐）：用户名： —— 直接包裹，无需 for/id
• 写法二：密码： —— 必须确保 for 和 id 完全一致（大小写敏感）
• 漏掉 label 或绑定错误，会导致移动端点击标签区域无响应，用户得精准点输入框边缘，体验极差

最常被忽略的是：表单控件没设 name 就等于不存在；label 不正确绑定就等于放弃触屏和无障碍支持；而 type 的选择，直接决定用户在手机上看到什么键盘、浏览器帮你拦多少明显错误——这些细节不调好，页面看着能用，实际一上线就被用户反馈“输不了”“点不中”“提交没反应”。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！