Dreamweaver——表单

作者:李炎恢

来源:http://hi.baidu.com/李炎恢/

表单主要负责数据采集的功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。

 

1. 表单的创建

插入-->表单-表单 设计区中显示红色虚线框,代码区中增加<form></form>标签

 

2. 创建表单对象

所有对象都在插入-->表单的列表中

(1)文本字段

插入文本字段

clip_image002

ID:用以给表单对象创建一个唯一的编号,这样可以使用CSS或JavaScript调用。

标签:表单对象的说明文字,一般附在表单对象的周围。

样式:标签在表单对象周围的样子。一般用第二个,这样鼠标点击标签可以定位到表单对象。

设置文本字段属性

clip_image004

注意:只读,数据仍然有效;禁用,数据已经废弃或无效。

(2)隐藏域

隐藏域是用来为动态语言初始值用的。

clip_image005

(3)文本区域

与文本字段类似。多行,带滚动条。

clip_image007

(4)复选框与复选框组

采用单独的复选框可能无法成功提交数据(提交的数据一般都是选定值),因为其默认没有选定值。此外,复选框name一般一致。

一般推荐复选框组

clip_image009

clip_image011

(5)单选框与单选框组

参考复选框与复选框组。

 

3. 密码域

插入-->表单-文本域-->属性-类型-密码

clip_image013

 

4. 列表/菜单

插入-->表单-列表/菜单-->属性-类型-列表或菜单-->点击-“列表值”输入-->“初始化时选定”初始值

列表还需设置高度和是否允许多选

clip_image015

clip_image017

 

5. 跳转菜单

点击菜单项,跳转到制定的URL

clip_image019

 

6. 文件域

上传文件用

clip_image021

 

7. 按钮

按钮三种动作:

提交:提交表单数据

重置:将表单还原到初始化状态

无:本身无特定作用,需要结合后台代码

clip_image023

 

8. 字段集

先选定表单,再添加字段集,将表单包起来

转载于:https://www.cnblogs.com/6DAN_HUST/archive/2011/02/21/1959488.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值