表单是网页中一个特定的区域,用来描述需要用户输入的页面内容,在用户输入具体信息后,提交到指定位置进行处理。
HTML 文档使用 form 标签表示表单,其下有:
- input 标签:用于为 Web 的表单创建交互式控件,用来接收用户的数据,它可以接收的数据类型很多,有文本内容、密码框等多种数据类型。
- select 和 option 标签:select 和 option 标签实现下拉列表框,select 标签用于显示可供用户选择的下拉列表,其中的每个选项都由 option 标签标识。
form 标签表示表单。form 标签有两个重要的属性,action 和 method 属性,其中 action 的属性值是表单提交的地址,method 的属性值是提交的方法。
其基本语法为:
<form action="表单提交地址" method="提交方法"></form>
method 属性规定了表单提交方式,最常用的有两种方式,分别是 GET 和 POST。
GET 是把表单中的参数放置在 HTTP 请求的头部发送给服务器。POST 是将请求参数置于请求体内发送。这部分内容属于 JavaScript 的内容,同学们先了解即可,在后面的章节会详细讲解。
选择类表单元素是指单选框和复选框。
- 单选框就是给出多个选项只能选择其中一个。
- 复选框就是给出多个选项可以选择多个。
单选框和复选框的使用格式如下所示:
<!--单选框-->
<input type="radio" name="选项名" value="提交值" />
<!--复选框-->
<input type="checkbox" name="选项名" value="提交值" />
<!--重置按钮,可以把表单中已填写的信息给清除掉。-->
<input type="reset" />
注意:使用单选框时,每个选项一定要设置相同的 name 值,否则就没有单选的效果。
使用 type="file" 表示文件类型表单元素,其使用格式为:
<input type="file" name="表单名字" accept="上传文件的格式" />
使用 type="submit" 表示发送类型表单元素,其使用格式为:
<input type="submit" name="表单名字" value="表单名" />
在 HTML 中,通过 select 和 option 标签可以实现下拉列表框,select 标签用于显示可供用户选择的下拉列表,其中的每个选项都由 option 标签标识。
其语法格式为:
<select>
<option>选项一</option>
<option>选项二</option>
<option>选项三</option>
</select>
select 有两个常用属性,如下所示:
属性 | 描述 |
multiple | 设置下拉列表可以选择多项。 |
size | 设置下拉列表选择几个表项。 |
option 有两个常用属性,如下所示:
属性 | 描述 |
selected | 设置是否被选中。 |
value | 设置列表项的默认值。 |
password 类型是密码输入框,其用法如下所示:
<input type="password" />
textarea 标签是多行文本标签,其用法如下所示:
<textarea name="名称" cols="列数" rows="行数"></textarea>
内嵌框架是指在当前的页面中再嵌入另外一个或多个网页。在 HTML 中,使用 iframe 标签来实现一个内嵌框架。
基本语法:
<iframe src="内嵌页面的链接地址" name="框架名"></iframe>
内嵌框架的常用属性:
属 性 | 可 取 值 | 描 述 |
frameborder | 0、1 | 规定是否显示框架周围的边框 |
height | pixels | 定义框架高度 |
width | pixels | 定义框架宽度 |
name | 自定义 | 框架名,用于超链接操作 |
scrolling | yes、no、auto | 规定是否在框架中显示滚动条 |
src | 引用页面地址 | 内嵌页面地址 |