视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
html网页表单制作
2025-09-25 14:23:59 责编:小OO
文档
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:

你的爱好:

电影

运动音乐

跳舞

阅读上网

聊天

交友

实例二:

代码:

个人设置

个人设置——个人资料

用户号码:

用户昵称:

个性签名:

显示我的地理位置

打开“我在收听的音乐”

性别:

姓名:年龄:

毕业院校:

生肖:

职业:

星座:

个人主页:

血型:

个人说明:

      

   

下载本文

显示全文
专题