HTML 表单总述

HTML 表单用于搜集不同类型的用户输入。是HTML网页最基础的用户交互行为(自身完成,不需要JS脚本),是将用户提交的信息收集发送到 Web 服务器

HTML 表单由<form>元素创建,包含 <input> <select><textarea>等输入控件

实例

这是一个最基础的表单实例,含义:用户点击提交将填写的姓名、理由与选择的年龄收集后使用POST方法传递给https://it.howxue.cn/tutorial/try_result.html进行后端处理

<fieldset> 组合表单数据

<fieldset> 元素组合表单中的相关数据, <legend> 元素为 <legendfieldset> 元素定义标题。

样式:

请假条:


HTML label标签

HTML label用于为表单元素添加标签,提高可访问性。

label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。 如果你在 label标签内点击文本,就会触发此控件。

语法:<label for="控件id名称">

实例

注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

from 的控件

功能说明 控件 扩展
输入控件 <input type=""> type决定用户的输入类型
复选控件 <input type="checkbox">
单选控件 <input type="radio">
下拉选择控件 <select><option/></select>
文本输入控件 <textarea></textarea>
提交控件2 <button type="submit">提交</button>
提交控件2 <input type="submit">

控件的属性设置行查看后续的章节

关注本站微信公众号