HTML 表单的用法

表单的用途很多,在制作网页,特别是制作动态网页时经常用到,表单主要用来收集客户端提供的相关信息,使网页具有交互功能。在网页注册中,常需要使用表单,,如会员注册、网上调查和搜索等。访问者可以使用如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息,然后单击某个按钮提交这些信息。

1. 表单标记

在网页中中

标记用来创建一个表单,在该标记中,可以设置表单的基本属性,包括表单名称、处理程序和传送方法等。

  • 提交表单action
    action用于指定表单数据提交到哪个地址进行处理,这一地址可以使绝对地址,也可以是相对地址,还可以是一些其他形式的地址。
    语法:

  • 表单名称name
    name用于给表单命名,这个不是表单的必要属性,但是为了防止提交到后台处理出现混乱,一般要给表单命名。
    语法:

    ....

  • 传送方法method
    表单的method属性用于指定在数据提交到服务器的时候使用哪种HTTP方法,有两种提交方式,分别为get和post。
    get:表单数据把所有信息组装起来形成URL,然后这个新的URL提交到处理程序上。会把很多隐秘的信息显示在URL上,不安全,而且信息量大,一般用于安全性要求不高的情况和向后台要数据的情况。
    post:URL不发生变化,表单数据包含在表单主体中,然后传送到处理程序上。
    语法

    ....

  • 编码方式enctype
    该属性设置表单信息提交的编码方式。
    语法:

    ....

  • 目标显示target
    该属性用来指定目标窗口的打开方式,表单的目标窗口往往用来显示表单的返回信息。
    语法:

    ....

    目标窗口的打开方式有四种:(1)_blank:新打开一个窗口。(2)这个目标的值对所有没有指定目标的 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 标签中的 target 属性一起使用。(3)_parent:这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。(4)_top:这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

2.插入表单对象
网页中由许多不同的表单元素组成。这些元素包括文字字段、单选按钮、复选框、菜单和列表以及按钮。

  • 文字字段text
    这是网页中最常见的表单元素
    语法:
  • 密码域password
    语法:
  • 单选按钮radio
    语法:
  • 复选框checkbox
    语法:
  • 普通按钮button
    语法:
  • 提交按钮submit
    语法:` -重置按钮reset 语法:`
  • 图像域image
    语法:```
  • 文件域file
    语法:```
  • 隐藏域hidden
    语法:```

3.菜单和列表

  • 下拉菜单
    语法:
  • 列表项
    语法:

你可能感兴趣的:(HTML 表单的用法)