Dreamweaver概述:插入表单对象

Dreamweaver概述:插入表单对象

 

Dreamweaver概述:插入表单对象

 

 

 插入表单对象 

一.重点掌握: 

表单中的各种元素的添加和属性设置 

二.知识点描述: 

1.表单是Web用户提交信息的工具 

2.表单-由两部分 

 描述表单的HTML代码-“刊登”表单的网页 

 处理表单信息的服务器端应用程序或客户端脚本 

3.表单域类型 

 表单域也称表单控件,是表单上的基本组成元素,用户通过表单中的表单域输入信息或选择项目 

 类型-用户键入和选择两大类。如,单行文本框、滚动文本框、复选(按钮)框、单选(按钮)框、下拉菜单、按钮、图片、标签、隐藏表单域 

(1)表单是前台页面和后台数据库连接的窗口 

(2)第一个表单首先要点第一个表单,出现红色框,在红色框里做注册信息。假如不点,系统会问你是否添加表单标签,这时你添加的标签提交时不能提交多个注册信息,所以,一开始必须添加表单 

(3)第二个文本字段,属性框里字符宽度可以调整文本字段里字符数,来控制文本字段里的表格宽度,最大字符是,润许最多输入多少字 

(4)第三个隐藏域:不祥 

(5)第四个文本区域,就好象注册信息中的内容,行数是文本区域的高,字符宽度是宽。 

(6)第五个复选框,是注册信息中打对钩的小方框。属性面板,未钩选,已钩选,想要哪个小方快在注册信息时被选住,选中那个方快,点已钩选 

(7)第六个单选按纽一般是注册中的男和女,两个单选按纽名称一样,只能选一个,想要选多个改变名称就可选多个,属性面板,未钩选,已钩选,想要哪个小圆点在注册信息时被选住,选中那个圆点,点已钩选。选定值是名字 

(8)第七个单选按纽组,是竖排的单选按扭,只能选一个,想要选多个改变名称就可选多个,属性面板,未钩选,已钩选,想要哪个小圆点在注册信息时被选住,选中那个圆点,点已钩选。选定值是名字 

(9)第八个列表菜单,是注册信息中的年月日点击后出现很多下拉列表,让你选择,点列表值制作下拉列表的内容 

(10)第九个跳转菜单和列表菜单差不多,输入一个图形点+号在输再点,再输入图形,预览时将跳转到不同的图形页面 

(11)第十个图象域,在注册信息中插入图片 

(12)第十一个文件字段,属性栏字符宽度是表格的宽度,作用是可以上传文件 

(13)第十二个按纽,注册信息填完时可以点提交,属性栏重设可以让注册信息重新填写 

(14)第十三个标签,可以插入一个标签 

(15)第十四个字段集,插入字段集 

对css进行设置如边框,盒子,背景。边框可以设置表格的边框颜色,也可以用细线边框,盒子的宽高可以设置注册信息表格的宽高。背景设置可以设置按扭的颜色 

(16)一个三行的表格内想要实现三种不同的颜色与连接 

先要新建1个3行的表格,每行都加上不同颜色的背景,在每一行上都打上字,打上后选中字加连接,新建css样式表对当前文档有效 

然后选中字,新建样式表,选择css样式表,一定要选中字再新建使用css样式,使用css样式a后是.样式名:link是a.aa:link 

4.创建表单-红色虚线范围就是表单范围 

 利用“插入”面板的“表单”选项卡上的按钮 

 利用“插入”·“表单”命令 

 表单(标签)的属性在属性面板上设置 

 方法:传输表单信息的“方法”有Get或Post两种,其中,Post是允许传输大量数据的方法,而Get方法会将所要传输的数据附在网址后面,然后一起送达服务器,因此传送的数据量就会受到限制,但是执行效率却比Post方法好  

提示: 默认,通常是Get方法 

5.插入对象 

 将光标移至需插入处,单击“插入”面板的“表单”选项卡上的相应按钮,或单击“插入”·“表单对象”,然后单击次级菜单中的相应命令 

6.属性设置 

 选中对象后,在属性面板设置 

7.表单的处理 

 表单处理的具体方法,是专业人员研究的问题 

 本节的最后说:现在很多Web站点都一些常用的自由CGI脚本,用户只需稍加修改既可满足自己的需要 

8.表单名称-给表单命个名 

9.动作-处理本表单的服务器脚本路径 

10.目标-表单处理后,反馈网页的打开方式 

11.方法-GET,把表单数据附加到URL中;POST,表单数据嵌入到HTML请求中发送 

12.提示:可用E-mail发送方式-“mailto:地址” 

13.MIME类型-发送数据的MIME类型 

post-multipart/form-data 

Get-application/x-www-form-urlencode 

推荐阅读