HTML 表单
HTML 表单用于收集用户输入。, 元素定义 HTML 表单:
语法:
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等.
表单元素
元素定义下拉列表:HTML5 的
元素
元素定义待选择的选项。
列表通常会把首个选项显示为被选选项,可以通过添加 selected 属性来定义预定义选项。
元素
元素有很多形态,根据不同的 type 属性。
text 定义常规文本输入。
radio 定义单选按钮输入(选择多个选择之一)
submit 定义提交按钮(提交表单)
name 属性规定input元素的名称。
name 属性用于对提交到服务器后的表单数据进行标识
value 属性规定input元素的值。
value 属性对于不同 input 类型,用法也不同:
- 对于 "button"、"reset"、"submit" 类型 - 定义按钮上的文本
- 对于 "text"、"password"、"hidden" 类型 - 定义输入字段的初始(默认)值
- 对于 "checkbox"、"radio"、"image" 类型 - 定义与 input 元素相关的值,当提交表单时该值会发送到表单的 action URL。
注意:value 属性对于和
是必需的。
不适用于。
文本输入
定义用于文本输入的单行输入字段
示例:
表单本身并不可见、文本字段的默认宽度是 20 个字符。
单选按钮输入
定义单选按钮,单选按钮允许用户在有限数量的选项中选择其中之一.
示例:
提交按钮
定义用于向表单处理程序(form-handler)提交表单的按钮。
表单处理程序通常是包含用来处理输入数据的脚本的服务器页面,表单处理程序在表单的 action 属性中指定:
Action 属性
action 属性定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。
通常,表单会被提交到 web 服务器上的网页。如果省略 action 属性,则 action 会被设置为当前页面
Method 属性
method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST)
使用 GET(默认方法)的情况:如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息。
GET 最适合少量数据的提交,浏览器会设定容量限制,此时表单数据在页面地址栏中是可见的
使用POST 的情况:如果表单正在更新数据,或者包含敏感信息(例如密码)。
POST 的安全性更佳,因为在页面地址栏中被提交的数据是不可见的。
用
组合表单数据
元素组合表单中的相关数据
元素为
元素定义标题。
HTML Form 属性
HTML 元素,已设置所有可能的属性