HTML表单

199 阅读2分钟

表单是什么?

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表(select)、单选框(radio-buttons)、复选框(checkbox) 等等。

我们可以使用 标签来创建表单

HTML 表单用于收集用户的输入信息。

HTML 表单表示文档中的一个区域,此区域包含交互控件,将用户收集到的信息发送到 Web 服务器。

表单是HTML中用于帮助用户上传图像、信息等内容的工具,它允许用户在表单中输入表单元素来上传内容,如:文本域(textarea)、下拉列表(select)、单选框(radio-buttons)、复选框(checkbox) 等等,表单常采用POST方法提交数据

表单标签

控件/标签描述
< input >定义输入框
< textarea>定义文本域(一个可以输入多行文本的控件)
< label>为表单中的各个控件定义标题
< fieldset>定义一组相关的表单元素,并使用边框包裹起来
< legend>定义 < fieldset> 元素的标题
< select>定义下拉列表
< optgroup>定义选项组
< option>定义下拉列表中的选项
< button>定义一个可以点击的按钮
< datalist>指定一个预先定义的输入控件选项列表
< keygen>定义表单的密钥对生成器字段
< output>定义一个计算结果

如果把表单比作Excel表格,就相当于Excel中单个单元格。

< input > type的value值

描述
button定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。
checkbox定义复选框。
color定义拾色器。
date定义 date 控件(包括年、月、日,不包括时间)。
datetime定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。
datetime-local定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。
email定义用于 e-mail 地址的字段。
file定义文件选择字段和 “浏览…” 按钮,供文件上传。
hidden定义隐藏输入字段。
image定义图像作为提交按钮。
month定义 month 和 year 控件(不带时区)。
number定义用于输入数字的字段。
password定义密码字段(字段中的字符会被遮蔽)。
radio定义单选按钮。
submit定义提交按钮。
reset定义重置按钮(重置所有的表单值为默认值)。
range定义用于精确值不重要的输入数字的控件(比如 slider 控件)。
search定义用于输入搜索字符串的文本字段。
te定义用于输入电话号码的字段。
text默认。定义一个单行的文本字段(默认宽度为 20 个字符)。
time定义用于输入时间的控件(不带时区)。
url定义用于输入 URL 的字段。
week定义 week 和 year 控件(不带时区)。

本文使用 文章同步助手 同步