2025.4.14 html之form表单
HTML 表单(<form>)：是用于用户与网页举行交互并提交数据的重要元素。它能够包含各种输入字段，让用户输入信息，随后将这些信息发送到服务器举行处置处罚。表单常见于注册、登录、搜索、反馈等场景。1. text
用于创建单行文本输入框，用户可输入恣意文本。
搜索的内容：<input type="text" name="wd" value=""/> https://i-blog.csdnimg.cn/direct/b7af62b6227b4fd6b73e59a9218c386f.png
2. password
创建暗码输入框，输入的文本会以星号或圆点表现。
密码：<input type="password" name="password" value=""/> https://i-blog.csdnimg.cn/direct/aa02d012db9e4a838676a59d9282f293.png
3. radio
用于创建单选按钮，用户只能从一组选项中选择一个。（设置checked为改选项为默认选项）
性别:
未知<inputchecked="unknown" type="radio" name="sex" value="1">
男<input type="radio" name="sex" value="2">
女<input type="radio" name="sex" value="0"> https://i-blog.csdnimg.cn/direct/07d7bb904176432c9b60093565b613c1.png
4. checkbox
创建复选框，用户可以从一组选项中选择多个。
爱好：
玩游戏<input checked="checked" type="checkbox" name="hobbit"
name="playGame">
钓鱼<input type="checkbox" name="hobbit" name="fishing">
跑步<input type="checkbox" name="hobbit" name="running"> https://i-blog.csdnimg.cn/direct/97c4c26847d548fcb7538024f090283d.png
5. submit
创建一个提交按钮，用于将表单数据发送到服务器。
<br> <input type="submit" value="提交" /> https://i-blog.csdnimg.cn/direct/e98aac7aa65b47ee8a95c9da8b863926.png
6. reset:创建一个重置按钮，用于清空表单中所有已输入的数据。
7. button:创建一个平凡按钮，可用于执行自界说的 JavaScript 脚本。
8. file:创建一个文件上传按钮，答应用户选择本地文件举行上传。
9. hidden:创建一个隐蔽的输入框，用于存储一些不必要用户看到的数据，这些数据会随表单一起提交到服务器。
10. image:创建一个图像按钮，点击该按钮会将表单数据发送到服务器，同时还会通报点击位置的坐标。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]