HTML 表单用于搜集不同类型的用户输入。是HTML网页最基础的用户交互行为(自身完成,不需要JS脚本),是将用户提交的信息收集发送到 Web 服务器
HTML 表单由<form>元素创建,包含 <input> <select><textarea>等输入控件
这是一个最基础的表单实例,含义:用户点击提交将填写的姓名、理由与选择的年龄收集后使用POST方法传递给https://it.howxue.cn/tutorial/try_result.html进行后端处理
<fieldset> 元素组合表单中的相关数据, <legend> 元素为 <legendfieldset> 元素定义标题。
样式:
HTML label用于为表单元素添加标签,提高可访问性。
label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。 如果你在 label标签内点击文本,就会触发此控件。
语法:<label for="控件id名称">
注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
功能说明 | 控件 | 扩展 |
---|---|---|
输入控件 | <input type=""> | type决定用户的输入类型 |
复选控件 | <input type="checkbox"> | |
单选控件 | <input type="radio"> | |
下拉选择控件 | <select><option/></select> | |
文本输入控件 | <textarea></textarea> | |
提交控件2 | <button type="submit">提交</button> | |
提交控件2 | <input type="submit"> |
控件的属性设置行查看后续的章节