当前位置：网站首页 > 技术文章 > 正文

html基础必备-表单标记，前端小白一看就会

zhezhongyun 2024-12-03 19:56 50 浏览

表单

表单允许我们发送和接收来自web页面的数据，表单的用途有：网站和论坛登录；注册信息；基于web的电子邮件；在线问卷调查等。

所有表单元素（如输入框和按钮）必须位于表单标记内。在大多数情况下，表单必须设置name、action属性。

name=“？” - 标识表单的唯一名称，由操作脚本使用。
action=“url” - 提交时处理表单数据的脚本的地址（url）。在某些情况下，不需要操作URL，而是由web页面的JavaScript函数处理表单数据。
method=“？” - 向操作脚本传送数据时使用的请求方法，post或get。例如，post用于提交用户注册的表单数据，get用于搜索或必须取得返回信息的表单。

用于为表单创建简单的文本输入字段，但也是许多其他表单输入类型的基础，使用type属性来指定不同类型。

name=“？” - 输入字段被操作脚本使用时使用的唯一名称。
type=“？” - 输入字段有几种类型，文本text、密码password、复选框checkbox、单选框radio、文件file、图像image、隐藏hidden都是最常见的。
value=“？” - 输入字段在首次加载时显示的初始值或数据。
size=“？” - 输入字段的大小或宽度，通常以数字字符宽度而不是像素定义。
maxlength=“？” - 输入字段的最大长度，例如输入的最大字符数。
checked - 与复选框类型和单选框类型一起使用，默认设置为已选中。

按钮与表单输入字段类似，但有自己的一组属性：

下拉列表，也称为组合框，允许从项目列表中进行选择。

option标记定义选择列表中的每一项，并且必须出现在select标记中。选择项的文本必须出现在选项标记之间。

浏览器显示的内容如下所示：

HTML 符号