Dreamweaver插入文本框
若水221147由 分享
時間:
本文為大家介紹一下Dreamweaver表單中如何插入文本框。
一、插入單行文本域或密碼域
1. 點擊鼠標(biāo),將光標(biāo)定位在表單框線內(nèi),點擊“插入”菜單,選擇“表單”項,在彈出的子菜單中選擇“文本域”命令。
或者在“插入”面板中選擇“表單”項,點擊“文本字段”圖標(biāo),如下圖所示:

點擊“窗口”菜單,選擇“插入”項,可以打開“插入”面板。
2. 點擊“文本字段”圖標(biāo)后,彈出“輸入標(biāo)簽輔助功能屬性”對話框,如下圖所示:

3. 在“輸入標(biāo)簽輔助功能屬性”對話框中,各項的解釋及應(yīng)用方法如下:
?。?)ID:指定了元素的名稱和ID號。名稱和ID號是一致的。如輸入“id1”,在“代碼”視圖中可以查看源代碼:
?。?)標(biāo)簽:表單控件的提示信息。如輸入“提示信息”,在“代碼”視圖中可以查看源代碼:
提示信息
(3)樣式:說明“標(biāo)簽”內(nèi)容的使用方式。分為三種情況:
第一情況:使用“for”屬性附加標(biāo)簽標(biāo)記。在“代碼”視圖中可以查看源代碼:
提示信息
第二情況:用標(biāo)簽標(biāo)記環(huán)繞。在“代碼”視圖中可以查看源代碼:
提示信息
第三情況:無標(biāo)簽標(biāo)記。在“代碼”視圖中可以查看源代碼:
提示信息
(4)位置:說明“標(biāo)簽”內(nèi)容所處的位置。分為兩種情況:
第一種情況:在表單項前。上面的提示信息都是在表單項前。
第二種情況:在表單項后。在“代碼”視圖中可以查看源代碼:
提示信息提示信息提示信息
?。?)訪問鍵:accesskey 屬性。
?。?)Tab 鍵索引:tabindex 屬性。
4. 在“輸入標(biāo)簽輔助功能屬性”對話框中,單擊“確定”按鈕,文本字段就插入到文檔中了。如下圖所示:

二、設(shè)置或修改單行文本域或密碼域的屬性
1. 使用鼠標(biāo)點擊插入的單行文本域或密碼域表單控件,如下圖所示:

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

文本域:指定了元素的名稱和ID號。名稱是唯一的。
字符寬度:指定文本域的長度,默認(rèn)值為24個字符左右。
最多字符數(shù):允許用戶輸入的最大字符數(shù)目。
初始值:表單的默認(rèn)值。
禁用標(biāo)簽disabled屬性。
只讀:標(biāo)簽readonly屬性。
類型選擇“單行”:插入單行文本域(type="text")。
類型選擇“密碼”:插入密碼域(type="password")。
三、提示
將光標(biāo)定位到表單的紅色虛線圍成的框內(nèi),按回車(Enter)鍵,可以添加多個單行文本域或密碼域。
一、插入單行文本域或密碼域
1. 點擊鼠標(biāo),將光標(biāo)定位在表單框線內(nèi),點擊“插入”菜單,選擇“表單”項,在彈出的子菜單中選擇“文本域”命令。
或者在“插入”面板中選擇“表單”項,點擊“文本字段”圖標(biāo),如下圖所示:

點擊“窗口”菜單,選擇“插入”項,可以打開“插入”面板。
2. 點擊“文本字段”圖標(biāo)后,彈出“輸入標(biāo)簽輔助功能屬性”對話框,如下圖所示:

3. 在“輸入標(biāo)簽輔助功能屬性”對話框中,各項的解釋及應(yīng)用方法如下:
?。?)ID:指定了元素的名稱和ID號。名稱和ID號是一致的。如輸入“id1”,在“代碼”視圖中可以查看源代碼:
?。?)標(biāo)簽:表單控件的提示信息。如輸入“提示信息”,在“代碼”視圖中可以查看源代碼:
提示信息
(3)樣式:說明“標(biāo)簽”內(nèi)容的使用方式。分為三種情況:
第一情況:使用“for”屬性附加標(biāo)簽標(biāo)記。在“代碼”視圖中可以查看源代碼:
提示信息
第二情況:用標(biāo)簽標(biāo)記環(huán)繞。在“代碼”視圖中可以查看源代碼:
提示信息
第三情況:無標(biāo)簽標(biāo)記。在“代碼”視圖中可以查看源代碼:
提示信息
(4)位置:說明“標(biāo)簽”內(nèi)容所處的位置。分為兩種情況:
第一種情況:在表單項前。上面的提示信息都是在表單項前。
第二種情況:在表單項后。在“代碼”視圖中可以查看源代碼:
提示信息提示信息提示信息
?。?)訪問鍵:accesskey 屬性。
?。?)Tab 鍵索引:tabindex 屬性。
4. 在“輸入標(biāo)簽輔助功能屬性”對話框中,單擊“確定”按鈕,文本字段就插入到文檔中了。如下圖所示:

二、設(shè)置或修改單行文本域或密碼域的屬性
1. 使用鼠標(biāo)點擊插入的單行文本域或密碼域表單控件,如下圖所示:

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

文本域:指定了元素的名稱和ID號。名稱是唯一的。
字符寬度:指定文本域的長度,默認(rèn)值為24個字符左右。
最多字符數(shù):允許用戶輸入的最大字符數(shù)目。
初始值:表單的默認(rèn)值。
禁用標(biāo)簽disabled屬性。
只讀:標(biāo)簽readonly屬性。
類型選擇“單行”:插入單行文本域(type="text")。
類型選擇“密碼”:插入密碼域(type="password")。
三、提示
將光標(biāo)定位到表單的紅色虛線圍成的框內(nèi),按回車(Enter)鍵,可以添加多個單行文本域或密碼域。