您的位置: 首页 > 软件教程 > Dreamweaver教程专题 > Dreamweaver表单中插入文本框

Dreamweaver表单中插入文本框

8.2分
出处:网络 时间:2013-04-07

您可能感兴趣的话题: Dreamweaver  

核心提示:本文为大家介绍一下Dreamweaver表单中如何插入文本框。

  本文为大家介绍一下Dreamweaver表单中如何插入文本框。

  一、插入单行文本域或密码域

  1. 点击鼠标,将光标定位在表单框线内,点击“插入”菜单,选择“表单”项,在弹出的子菜单中选择“文本域”命令。

  或者在“插入”面板中选择“表单”项,点击“文本字段”图标,如下图所示:

Dreamweaver表单中插入文本框

  点击“窗口”菜单,选择“插入”项,可以打开“插入”面板。

  2. 点击“文本字段”图标后,弹出“输入标签辅助功能属性”对话框,如下图所示:

Dreamweaver表单中插入文本框

  3. 在“输入标签辅助功能属性”对话框中,各项的解释及应用方法如下:

  (1)ID:指定了<input>元素的名称和ID号。名称和ID号是一致的。如输入“id1”,在“代码”视图中可以查看源代码:

  <input type="text" name="id1" id="id1" />

  (2)标签:表单控件的提示信息。如输入“提示信息”,在“代码”视图中可以查看源代码:

  提示信息 <input type="text" name="id1" id="id1" />

  (3)样式:说明“标签”内容的使用方式。分为三种情况:

  第一情况:使用“for”属性附加标签标记。在“代码”视图中可以查看源代码:

  <label for="id1">提示信息</label> <input type="text" name="id1" id="id1" />

  第二情况:用标签标记环绕。在“代码”视图中可以查看源代码:

  <label>提示信息 <input type="text" name="id1" id="id1" /> </label>

  第三情况:无标签标记。在“代码”视图中可以查看源代码:

  提示信息 <input type="text" name="id1" id="id1" />

  (4)位置:说明“标签”内容所处的位置。分为两种情况:

  第一种情况:在表单项前。上面的提示信息都是在表单项前。

  第二种情况:在表单项后。在“代码”视图中可以查看源代码:

  <input type="text" name="id1" id="id1" /> <label for="id1">提示信息</label> <label> <input type="text" name="id1" id="id1" /> 提示信息</label> <input type="text" name="id1" id="id1" /> 提示信息

网友评论
多特网友 2014-07-08 20:38:33 回复
没有说明表单所有的类别和功能
多特网友 2014-07-08 20:38:33 回复
没有说明表单所有的类别和功能

Dreamweaver教程专题

精品软件课程
更多 >
Adobe Flash,是Macromedi... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
HTML的中文叫做“超文本标记语言”。是用来... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
JavaScript是基于对象和事件驱动并具... [详细]