四时宝库

程序员的知识宝库

Web开发学习笔记(3)——HTML(三)(web开发基础是什么)

表单是网页中一个特定的区域,用来描述需要用户输入的页面内容,在用户输入具体信息后,提交到指定位置进行处理。

HTML 文档使用 form 标签表示表单,其下有:

  • input 标签:用于为 Web 的表单创建交互式控件,用来接收用户的数据,它可以接收的数据类型很多,有文本内容、密码框等多种数据类型。
  • select 和 option 标签:select 和 option 标签实现下拉列表框,select 标签用于显示可供用户选择的下拉列表,其中的每个选项都由 option 标签标识。

form 标签表示表单。form 标签有两个重要的属性,actionmethod 属性,其中 action 的属性值是表单提交的地址,method 的属性值是提交的方法。

其基本语法为:

<form action="表单提交地址" method="提交方法"></form>

method 属性规定了表单提交方式,最常用的有两种方式,分别是 GETPOST

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 中,通过 selectoption 标签可以实现下拉列表框,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

引用页面地址

内嵌页面地址

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接