html制作网页怎样做表单,(html网页表单制作.doc

(html网页表单制作

1.表单标签＜form＞……＜/form＞

语法：＜FORM name=“form_name” ACTION=“URL” METHOD=“GET|POST”＞…＜/FORM＞

Name ：定义表单的名称

Method: 定义表单结果从浏览器传送到服务器的方式，默认参数为：get ；

Action ：用来指定表单处理程序的位置(asp 等服务器端脚本处理程序)

文本框文本框

是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。

代码格式：＜input type=“text” name=“...” size=“...” maxlength=“...” value=“...”＞

type=“text” 定义单行 文本输入框；

name 属性定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；

size 属性定义文本框的宽度，单位是单个字符宽度；

maxlength 属性定义最多输入的字符数。

value 属性定义文本框的初始值

3.密码框

密码框是一种特殊的文本框，它的不同之处是当输入内容时，均以*表示，以保证密码的安全性。

格式：

4. 按钮

类型：普通按钮、提交按钮、重置按钮。

普通按钮

当type 的类型为button 时，表示该输入项输入的是普通按钮。

语法格式：

重置按钮

当type的类型为reset时，表示该输入项输入的是重置按钮，单击按钮后，浏览器可以清除表单中的输入信息而恢复到默认的表单内容设定。

语法格式：

5. 单选框和复选框

单选框

格式：

Checked: 表示此项默认选中

Value 表示选中后传送到服务器端的值。

Name 表示单选框的名称，如果是一组单选项，name 属性的值相同有互斥效果。

复选框

语法格式：

Checked: 表示此项默认选中

Value 表示选中后传送到服务器端的值。

Name 表示复选框的名称，如果是一组单选项，name 属性的值相同亦不会有互斥效果。

6. 文件输入框

当type=“file”时，表示该输入项是一个文件输入框，用户可以在文件输入框的内部填写自己硬盘中的文件路径，然后通过表单上传。

语法格式：

7.下拉框 (Select) 既可以用做单选，也可以用做复选。

单选例句如下 ：

苹果

桔子

芒果

如果要变成复选，加multiple即可 。用户用Ctrl来实现多选。

，用户还可以用size 属性来改变下拉框的大小。

8. 多行输入框(textarea)

多行输入框(textarea)主要用于输入较长的文本信息。例句如下

其中cols 表示textarea 的宽度，rows 表示textarea 的高度。

实例一：

代码：

用户登记

用户登记