您的位置：360文档中心› html网页表单制作

html网页表单制作

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

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

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

Name ：定义表单的名称

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

2.文本框文本框

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

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

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

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

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

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

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

3.密码框

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

格式：

4. 按钮

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

1)普通按钮

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

语法格式：

3)重置按钮

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

语法格式：

5. 单选框和复选框

单选框

格式：

Checked: 表示此项默认选中

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

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

复选框

语法格式：

Checked: 表示此项默认选中

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

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

6. 文件输入框

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

语法格式：

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

单选例句如下：

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

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

实例一：

代码：

用户登记

用户登记

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

姓名：

年龄：

性别：男女

文化程度：

职业：

E-mail:

你的爱好：

电影

运动

音乐

跳舞

阅读

上网

聊天