网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> Dreamweaver >> 正文
最新文章
· 让Adobe Dreamweaver CC支持ASP
· Dreamweaver+ASP实现分页技术
· Dreamweaver8创建自定义代码片段
· Dreamweaver网页制作教程:层及其应用
· 使用Dreamweaver8在网页中插入Flash视
· Dreamweaver制作Flash图片轮换相册
· 如何用Photoshop和Dreamweaver制作网
· Dreamweaver CS4新增功能介绍
· Dreamweaver CS3新增功能介绍
· Dreamweaver CS3中Spry详细区域功能的
热门文章
 让Adobe Dreamweaver CC支持ASP
 Dreamweaver制作Flash图片轮换相册
 如何用Photoshop和Dreamweaver制作
 Dreamweaver 8 时间轴及创建时间轴
 Dreamweaver 8 创建链接关系
 使用Dreamweaver8在网页中插入Flas
 Dreamweaver 8 创建CSS样式
 Dreamweaver+ASP实现分页技术
 Dreamweaver套用源格式命令让源代码
 Dreamweaver 8 创建层
相关文章
如何用Photoshop和Dreamweaver制作网页相
Dreamweaver CS4新增功能介绍
Dreamweaver CS3新增功能介绍
Dreamweaver CS3中Spry详细区域功能的解说
Dreamweaver 8 创建表单
Dreamweaver 8 认识表单对象
Dreamweaver 8 利用行为制作动态页面
Dreamweaver 8 时间轴及创建时间轴动画
Dreamweaver 8 设置层的属性
Dreamweaver 8 创建层
Dreamweaver 8 制作框架网站
Dreamweaver 8 使用库
Dreamweaver 8 定义可编辑区域
Dreamweaver 8 创建模板
Dreamweaver 8 CSS样式表滤镜实例
Dreamweaver 8 CSS样式表的其他操作
Dreamweaver 8 使用CSS样式美化页面
Dreamweaver 8 创建CSS样式
Dreamweaver 8 创建链接关系
Dreamweaver 8 插入声音
Dreamweaver 8 表单的应用
来源:www.cwydesign.com 更新时间:2009/5/2 2:40:33 阅读次数:
字体:[ ] 我要投稿

  1、一个简单的提交留言页面

  新建11.html网页文件,选择表单插入栏,插入表单,将光标放置在表单内,插入一个5行2列的表格,将第1、5行合并。分别在第2、3行插入文本字段,在第4行插入文本区域,在第5行插入两个按钮。

  文本域是用户在其中输入响应的表单对象。有三种类型的文本域:

  单行文本域通常提供单字或短语响应,如姓名或地址。

  多行文本域为访问者提供一个较大的区域,供其输入响应。可以指定访问者最多可输入的行数以及对象的字符宽度。如果输入的文本超过这些设置,则该域将按照换行属性中指定的设置进行滚动。

  密码域是特殊类型的文本域。当用户在密码域中键入时,所输入的文本被替换为星号或项目符号,以隐藏该文本,保护这些信息不被看到。

  页面布局效果如下:

  2、制作网页跳转菜单

  打开一个建立好的网页文件,把鼠标的光标放置在需要插入跳转菜单的位置。选择表单插入栏中的“跳转菜单”命令,在网页中插入一个跳转菜单。

  在弹出的“跳转菜单”对话框中,根据提示输入相应内容:

  点击确定,按F12预览效果。

  3、运行代码实例

  新建文件12.html。

  打开12.html,插入表单,在表单中插入一个文本区域,在回车,再插入一个按钮。

  选中文本区域,在属性面板中,设置文本区域的文本宽度为50,行数为8。

  选中按钮,在属性面板中,将按钮的值设为“运行代码”。

  选中form表单,在属性面板中,单击动作文本框旁的“浏览按钮”,选择指向13.html,目标选择_blank。

  在11.html的代码区复制整个代码,在打开12.html文件,在设计视图中选中文本区域,转到代码区,将光标放置在<textarea name="textarea" cols="50" rows="8"></textarea>的“><”之间,按住Ctrl+V粘贴11.html页面的代码。

  保存后,按F12预览。

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号