HTML表单的用法

html表单用于搜集不同类型的用户输入。


<form>元素

form元素定义html表单


HTML 表单包含表单元素

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。


<input> 元素

<input> 元素是最重要的表单元素,根据不同的 type 属性有很多形态。
text属性定义常规文本输入。
radio属性定义单选按钮输入。
submit定义提交按钮。


Action 属性

<form>标签的action 属性定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。通常,表单会被提交到 web 服务器上的网页。如果省略 action 属性,则 action 会被设置为当前页面。


Method 属性

method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST)


Name 属性

如果要正确地被提交,每个输入字段必须设置一个 name 属性。


HTML<form>元素,已设置所有可能的属性,是这样的:

<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8"
ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
.
form elements
.
</form>

属性 描述
accept-charset 规定在被提交表单中使用的字符集
action 规定向何处提交表单的地址(URL)(提交页面)。
autocomplete 规定浏览器应该自动完成表单(默认:开启)。
enctype 规定被提交数据的编码(默认:url-encoded)。
method 规定在提交表单时所用的 HTTP 方法(默认:GET)。
name 规定识别表单的名称(对于 DOM 使用:document.forms.name)。
novalidate 规定浏览器不验证表单。
target 规定 action 属性中地址的目标(默认:_self)。

<select>元素(定义下拉列表)

子元素<option>定义待选择的选项,通常把首个选项显示为被选选项,可以添加selected属性定义预定义选项。


<textarea>元素定义多行输入字段(文本域)


<button> 元素定义可点击的按钮


输入类型:text

<input type="text"> 定义供文本输入的单行输入字段


Input Type: radio

<input type="radio"> 定义单选按钮。
Radio buttons let a user select ONLY ONE of a limited number of choices


Input Type: checkbox

<input type="checkbox"> 定义复选框。
复选框允许用户在有限数量的选项中选择零个或多个选项。


Input Type: button

<input type="button> 定义按钮。


HTML5 输入类型

HTML5 增加了多个新的输入类型:

* 类型 *
*color *date *datetime
*datetime-local *email *month
*number *range *search
*tel *time *url
*week * *

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 3,255评论 0 1
  • HTML 表单:输入用户信息的单子,收集填写的信息给服务器后台例: form:定义html表单,粗浅理解为包裹表单...
    我七阅读 2,999评论 0 0
  • 什么是form表单 表单在网页中主要负责数据采集功能,把用户填写的信息提交到网站的后台服务器。 form标签的常用...
    ezrealor阅读 2,144评论 0 0
  • HTML 表单用于搜集不同类型的用户输入。用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。HTM...
    FLYSASA阅读 3,511评论 0 0
  • 南京方言 南京城里有个校门口,校门口里头有个王老头,他的孙子叫个小腊个,是哑吗是个厌蛋头,他打坏了我的碗,...
    无忧无虑61阅读 3,440评论 0 0

友情链接更多精彩内容