2025.4.14 html之form表单

HTML 表单(<form>)：是用于用户与网页举行交互并提交数据的重要元素。它能够包含各种输入字段，让用户输入信息，随后将这些信息发送到服务器举行处置处罚。表单常见于注册、登录、搜索、反馈等场景。
1. text

用于创建单行文本输入框，用户可输入恣意文本。

1. 搜索的内容：<input type="text" name="wd" value=""/>

复制代码

2. password

创建暗码输入框，输入的文本会以星号或圆点表现。

1. 密码：<input type="password" name="password" value=""/>

复制代码

3. radio

用于创建单选按钮，用户只能从一组选项中选择一个。（设置checked为改选项为默认选项）

1. 性别:
2. 未知<input  checked="unknown" type="radio" name="sex" value="1">
3.                     男<input type="radio" name="sex" value="2">
4.                     女<input type="radio" name="sex" value="0">

复制代码

4. checkbox

创建复选框，用户可以从一组选项中选择多个。

1. 爱好：
2.                     玩游戏<input checked="checked" type="checkbox" name="hobbit"         
3.                     name="playGame">
4.                     钓鱼<input type="checkbox" name="hobbit" name="fishing">
5.                     跑步<input type="checkbox" name="hobbit" name="running">

复制代码

5. submit

创建一个提交按钮，用于将表单数据发送到服务器。

1.   <br> <input type="submit" value="提交" />

复制代码

6. reset:创建一个重置按钮，用于清空表单中所有已输入的数据。

7. button:创建一个平凡按钮，可用于执行自界说的 JavaScript 脚本。

8. file:创建一个文件上传按钮，答应用户选择本地文件举行上传。

9. hidden:创建一个隐蔽的输入框，用于存储一些不必要用户看到的数据，这些数据会随表单一起提交到服务器。

10. image:创建一个图像按钮，点击该按钮会将表单数据发送到服务器，同时还会通报点击位置的坐标。


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。