在Dream weaverCS5 中制作spry表单文本字段

 时间:2024-10-12 11:08:35

1、首先我们打开Adobe Dream Weaver CS5,要新建一个站点,然后才新建一个网页文件,站点根目录在自己收藏的图片素材文件夹内即可。

在Dream weaverCS5 中制作spry表单文本字段

2、我们可以在这个空白的网页文件中加入图片表格框架网页等等,然后在等下预想要加入表单内容的区域选中并找到添加“表单区域”,这里为了便于展示,已经提前制作好一个表单并在表单里添加了表格,以备排版好相关spry内容的填充。

在Dream weaverCS5 中制作spry表单文本字段

3、鼠标左键点击好需要插入spry表单文本字段的区域,随后找到上方菜单栏的文本字段插入按钮(若不知道是哪个可以把鼠标指针移动到添加按钮上方悬浮片刻,即会出现相关说明)就插入了一个最基础的表单文本字段。

在Dream weaverCS5 中制作spry表单文本字段

4、可以点击图中这两个红圈内区域以选中表单来进行表单本身的设置。比如说让一个文本框内的输入内容不显示本身字符,只需要设置成密码格式即可。

在Dream weaverCS5 中制作spry表单文本字段

5、设置成密码格式,只需要选中密码栏所在的表单文本框区域,在下方对于这个文本框的设置选项内选中“密码“,保存预览,我们就会发现在这个框内输入的字符时是以星号显示的。

在Dream weaverCS5 中制作spry表单文本字段
  • 初学者怎么了解网页构成要素
  • 完成css3的盒模型流式布局事例分享
  • Dreamweaver CS5网页制作教程
  • 网络安全防护解决方案
  • 剧烈运动前为什么要做准备活动
  • 热门搜索
    爱眼护眼手抄报内容 手抄报花边 二年级数学手抄报 儿童手抄报 争做新时代好少年手抄报 国庆节手抄报 传承红色基因手抄报 二年级手抄报 建党节手抄报内容 低碳生活手抄报