html网页表单制作.docVIP

html网页表单制作

1.表单标签,form,??,/form,

语法:,FORMname=“form_name”ACTION=“URL”METHOD=“GET|POST”,?,/FORM,

Name:定义表单的名称

Method:定义表单结果从浏览器传送到服务器的方式，默认参数为:get;Action:用来指定表单处理程序的位置(asp等服务器端脚本处理程序)2.文本框文本框

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

代码格式:,inputtype=“text”name=“...”size=“...”maxlength=

“...”value=“...”,

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

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

无二的名称;

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

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

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

3.密码框

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

以保证密码的安全性。

格式:inputtype=“password”name=“...”size=“...”maxlength=

“...”

4.按钮

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

1)普通按钮

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

语法格式:inputtype=buttonvalue=?“name=“?”

Value:表示显示在按钮上面的文字。普通按钮经常和脚本一起使用。

2)提交按钮

通过提交(inputtype=submit)可以将表单(Form)里的信息提交给表单里

action所指向的文件。例句:inputtype=submitvalue=提交

3)重置按钮

当type的类型为reset时，表示该输入项输入的是重置按钮，单击按钮后，

浏览器可以清除表单中的输入信息而恢复到默认的表单内容设定。

语法格式:inputtype=“resetvalue=“?“name=“?”5.单选框和复选框

,单选框

格式:inputtype=“radio”name=“?”value=“?”checked

Checked:表示此项默认选中

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

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

果。

,复选框

语法格式:inputtype=checkboxname=“?”value=“?”checked

Checked:表示此项默认选中

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

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

6.文件输入框

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

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

单选例句如下:

selectname=fruit

optionvalue=apple苹果

optionvalue=orange桔子

optionvalue=mango芒果

/select

如果要变成复选，加multiple即可。用户用Ctrl来实现多选。selectname=fruitmultiple，用户还可以用size属性来改变下拉框的大小。

8.多行输入框(textarea)

多行输入框(textarea)主要用于输入较长的文本信息。例句如下textareaname=yoursuggestcols=50rows=3/textarea

其中cols表示textarea的宽度，rows表示textarea的高度。实例一:

代码:

html

headtitle用户登记/title/headbody

tableborder=3width=1000height=500bordercolor=#336699

align=center

tr

td

palign=centerfontsize=7color=#00ff00用户登记/font/phr

palign=center亲爱的用户，欢迎您访问我们的网站，请填写您的个人信息，便于我们及时与您联系。/p

form

p姓名