本文為大家介紹一下Dreamweaver表單中如何插入文本框。

　　一、插入單行文本域或密碼域

　　1. 點擊鼠標，將光標定位在表單框線內，點擊“插入”菜單，選擇“表單”項，在彈出的子菜單中選擇“文本域”命令。

　　或者在“插入”面板中選擇“表單”項，點擊“文本字段”圖標，如下圖所示：

　　點擊“窗口”菜單，選擇“插入”項，可以打開“插入”面板。

　　2. 點擊“文本字段”圖標后，彈出“輸入標簽輔助功能屬性”對話框，如下圖所示：

　　3. 在“輸入標簽輔助功能屬性”對話框中，各項的解釋及應用方法如下：

　?。?）ID：指定了<input>元素的名稱和ID號。名稱和ID號是一致的。如輸入“id1”，在“代碼”視圖中可以查看源代碼：

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

　?。?）標簽：表單控件的提示信息。如輸入“提示信息”，在“代碼”視圖中可以查看源代碼：

　　提示信息 <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" />

　?。?）位置：說明“標簽”內容所處的位置。分為兩種情況：

　　第一種情況：在表單項前。上面的提示信息都是在表單項前。

　　第二種情況：在表單項后。在“代碼”視圖中可以查看源代碼：

　　<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 屬性。

　?。?）Tab 鍵索引：tabindex 屬性。

　　4. 在“輸入標簽輔助功能屬性”對話框中，單擊“確定”按鈕，文本字段就插入到文檔中了。如下圖所示：

　　二、設置或修改單行文本域或密碼域的屬性

　　1. 使用鼠標點擊插入的單行文本域或密碼域表單控件，如下圖所示：

　　2. 打開“文本字段”屬性面板，如下圖所示：

　　文本域：指定了<input>元素的名稱和ID號。名稱是唯一的。

　　字符寬度：指定文本域的長度，默認值為24個字符左右。

　　最多字符數：允許用戶輸入的最大字符數目。

　　初始值：表單的默認值。

　　禁用<input>標簽disabled屬性。

　　只讀：<input>標簽readonly屬性。

　　類型選擇“單行”：插入單行文本域（type="text"）。

　　類型選擇“密碼”：插入密碼域（type="password"）。

　　三、提示

　　將光標定位到表單的紅色虛線圍成的框內，按回車（Enter）鍵，可以添加多個單行文本域或密碼域。