Dreamweaver表单中插入文本框

Question

如题所述

Answer 1

本文为大家介绍一下Dreamweaver表单中如何插入文本框。
一、插入单行文本域或密码域
1. 点击鼠标，将光标定位在表单框线内，点击“插入”菜单，选择“表单”项，在弹出的子菜单中选择“文本域”命令。
或者在“插入”面板中选择“表单”项，点击“文本字段”图标，如下图所示：
点击“窗口”菜单，选择“插入”项，可以打开“插入”面板。
2. 点击“文本字段”图标后，弹出“输入标签辅助功能属性”对话框，如下图所示：
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" / 提示信息
（5）访问键：accesskey 属性。
（6）Tab 键索引：tabindex 属性。
4. 在“输入标签辅助功能属性”对话框中，单击“确定”按钮，文本字段就插入到文档中了。如下图所示：
二、设置或修改单行文本域或密码域的属性
1. 使用鼠标点击插入的单行文本域或密码域表单控件，如下图所示：
2. 打开“文本字段”属性面板，如下图所示：
文本域：指定了input元素的名称和ID号。名称是唯一的。
字符宽度：指定文本域的长度，默认值为24个字符左右。
最多字符数：允许用户输入的最大字符数目。
初始值：表单的默认值。
禁用input标签disabled属性。
只读：input标签readonly属性。
类型选择“单行”：插入单行文本域（type="text"）。
类型选择“密码”：插入密码域（type="password"）。
三、提示
将光标定位到表单的红色虚线围成的框内，按回车（Enter）键，可以添加多个单行文本域或密码域。