表单需要被from包裹着使用 例如：
输入框（）
文本输入框（type="text"）：这是最常见的表单控件之一，用于接收用户输入的单行文本信息，如用户名、搜索关键词等。通过设置placeholder属性，可以在输入框中显示提示信息，引导用户输入内容，并且该提示信息不会占据实际的输入值位置，增强了用户体验。例如：
执行结果：
密码输入框（type="password"）：专门用于输入密码等敏感信息，输入的内容会以加密形式显示，通常为黑色实心原点或星号，以保护用户隐私。不同浏览器的加密显示效果可能略有不同.
执行结果：
数字输入框（type="number"）：限制用户只能输入数字类型的值，还可以通过min、max和step属性来限定数字的取值范围和步长，适用于输入年龄、数量等数字信息。
执行结果：
邮箱输入框（type="email"）：用于输入邮箱地址，浏览器会自动验证输入的内容是否符合邮箱格式，若不符合则会提示用户，提高了数据的准确性.
执行结果：
日期输入框（type="date"）：提供了一个方便的日期选择器，用户可以直接点击选择日期，无需手动输入，格式通常为年 - 月 - 日，其显示样式会根据浏览器的默认设置有所不同.
执行结果：
单选框（）
单选框用于在多个选项中只能选择一个的情况，如性别选择。多个单选框的name属性必须相同，才能实现单选效果，并且一般会为每个单选框设置value属性，用于指定其被选中后提交的值，还可以通过checked属性设置默认选中项. 例如：
执行结果： 复选框（）
复选框允许用户选择多个选项，常用于选择兴趣爱好、勾选同意条款等场景。同样可以为每个复选框设置value属性和checked属性来指定提交值和默认选中状态. 例如：
执行结果：
文本域（