HTML表单设计

1. 表单标记

...
。表单提交时的内容就是
表单中的内容。

  • 基本格式

    ...

    • 常用属性

      1. name (表单名称)

      2. method(传送数据的方式,分为post和get)

        • get

          暴露在url中,不具备保密性,长度限制为8192字符。

        • post

          将表单中的数据一并包含在表单主体中,一起传送到服务器中处理,没有大小限制。

      3. action

        表单数据的处理程序的url地址,如果为空则使用当前文档的url地址,如果不需要该属性则指定为no

      4. enctype (编码方式)

      5. �target (指定目标窗口)

2. 文本域和密码

标记

  • 基本语法

      ``
    
    • 属性介绍

      1. type

        type有两个值:1.text(文本输入域)和2.password(密码输入域)

      2. name

        控件的名称

      3. value

        初始化值,打开浏览器时,文本框中的内容。

      4. size

        控件长度

      5. maxlength

        最大输入字数

3. 提交、重置、普通按钮

  1. 提交按钮 ()
  2. 重置按钮 ()
  3. 普通按钮 ()

4. 单选框和复选框

  • 时,为单选框
  • 时,为复选框

注意: 单选框和复选框都可以使用"checked"属性来设置默认选中项。

5. 隐藏域

时,为隐藏表单域。

6. 多行文本域

  • 语法格式:

  • rows属性和cols属性分别来指定显示的行数和列数,单位是字符个数。

7. 菜单下拉列表域

  • 语法格式:

    
    
  • option标记

    用来标记用来指定列表中的一个选项,需要放在之间。

    1. value

      给选项赋值,指定传送到服务器上面的值

    2. selected

      指定默认的选项。(单选情况下没有时,默认选中第一个)

你可能感兴趣的:(HTML表单设计)