追学网

DW创建表单和设置表单属性

UPDATE:2014/11/18 | 分类:网页设计
  表单也是网页中的常用的元素,我们在登录某些网站时需要的密码,在申请电子邮箱和加入论坛时所要填写的各种信息,都是表单的表现形式。表单的作用就是搜集所需数据和信息并向后台数据库提交这些信息。

  创建表单的工作流程一般是这样的:在工作页面插入一个空的表单,然后在属性栏指定该表单数据传送到服务器的方法,在空的表单中插入各表单对象(域),在属性栏设置所插入的域属性后,点击“确定”,完成该表单。下面就来看看具体的操作方法。

  1.插入空白表单并设置其属性

  (1)在“浮动工具面板”中点击“常用”旁的下三角按钮,在弹出的列表中选择“表单”。

  (2)在“表单”栏会列出常用的表单元素和对象。点击“表单”。

  (3)在工作页面就出现一个光标定位的红色虚线框,这样就插入了一个空白表单。

  (4)属性栏显示表单属性。

  ◆表单ID:设置表单的名称。

  ◆动作:设置该表单的服务器脚本路径。

  ◆方法:设置表单数据发送到服务器的方法。有以下几种选项:

  ◇默认:用浏览器默认的设置将数据发送到服务器。

  ◇GET:利用GET方法发送数据,将数据附加到URL中,并向服务器发送GET请求。

  ◇POST:把表单数据直接嵌在HTTP中发送,并向服务器发送POST请求。

  一般来说,GET传输的数据量小,POST可以传输数据量大的数据。在数据传输的过程中,POST方法比GET方法安全。

  ◆目标:设置表单处理后反馈页面的显示窗口。

  ◆编码类型:指定向服务器发送数据的编码类型。

  2.插入文本字段

  (1)在工作页面的表单中定位光标,在“浮动工具面板”的“表单”栏中点击。

  (2)此时,会弹出“输入标签辅助功能属性”窗口。这是为了方便设置表单的提示窗口,我们可以忽略它,直接点击“确定”。

  (3)在工作页面出现文本字段域,属性栏显示文本字段的属性。

  ◆文本域:设置该文本域的名称。

  ◆字符宽度:以一个英文字符为计算单位,设置文本字符域的宽度。

  ◆最多字符数:设置该文本域能输入的最多字符数,比如可将身份证号码字符数输入为18。

  ◆类型:规定该文本域是单行、多行还是密码。其中,选择多行就是文本区域,选择密码时用户输入的文字被符号代替而不显示文字内容。

  ◆初始值:浏览时显示的初始文字。

  ◆禁用:该文本域不能用。

  ◆只读:将该文本域设定为只读。

  (4)按下F12,在浏览器中可以观看文本字段的效果。

  小提示

  每次插入表单对象时都会出现“输入标签辅助功能属性”窗口,可以通过点击“请更改‘辅助功能’首选参数”跳转到“首选参数”窗口,取消“表单对象”前的选择状态,此辅助窗口则不再出现。

  3.插入复选框

  复选框在为用户提供多个选择项时使用。比如在网页中让用户填写对哪些商品信息感兴趣时就可以用复选框。

  (1)在表单中输入“您可能对下列哪些商品信息感兴趣”,然后在“浮动工具面板”点击按钮。

  (2)在工作页面就添加了一个复选框,可以在复选框后输入文字“书籍”作为备选答案之一。采用同样的方法可以添加多个复选框和答案。

  (3)在工作页面的复选框上点击鼠标,该复选框被选中,属性栏显示。

  ◆复选框名称:设置复选框的名称,每个复选框必须有一个唯一的名称。

  ◆选定值:设置复选框被选中的值,该值会随表单提交到服务器。

  ◆初始状态:选择在浏览时看到的显示状态。

  (4)按下F12,在浏览器中就可以预览复选框的效果。

   除了一个一个添加复选框外,Dreamweaver CS4还可以一次添加多个复选框,单击“表单”中的按钮,在弹出的窗口中,“名称”显示该复选框组 的名称,在“值”、“标签”下的“复选框”文字上单击就可以输入选项文字,利用增减复选框的个数,利用调整复选框的排列顺序,点击“确定”就可以添加一组 复选框。
学习网

世界看中国 娱乐情感文化观点视频