Dreamweaver插入文本框

若水221147 分享 時間:
  本文為大家介紹一下Dreamweaver表單中如何插入文本框。
  一、插入單行文本域或密碼域
  1. 點擊鼠標(biāo),將光標(biāo)定位在表單框線內(nèi),點擊“插入”菜單,選擇“表單”項,在彈出的子菜單中選擇“文本域”命令。
  或者在“插入”面板中選擇“表單”項,點擊“文本字段”圖標(biāo),如下圖所示:
Dreamweaver插入文本框
  點擊“窗口”菜單,選擇“插入”項,可以打開“插入”面板。
  2. 點擊“文本字段”圖標(biāo)后,彈出“輸入標(biāo)簽輔助功能屬性”對話框,如下圖所示:
Dreamweaver插入文本框
  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)簽輔助功能屬性”對話框中,單擊“確定”按鈕,文本字段就插入到文檔中了。如下圖所示:
Dreamweaver插入文本框
  二、設(shè)置或修改單行文本域或密碼域的屬性
  1. 使用鼠標(biāo)點擊插入的單行文本域或密碼域表單控件,如下圖所示:
Dreamweaver插入文本框
  2. 打開“文本字段”屬性面板,如下圖所示:
Dreamweaver插入文本框
  文本域:指定了元素的名稱和ID號。名稱是唯一的。
  字符寬度:指定文本域的長度,默認(rèn)值為24個字符左右。
  最多字符數(shù):允許用戶輸入的最大字符數(shù)目。
  初始值:表單的默認(rèn)值。
  禁用標(biāo)簽disabled屬性。
  只讀:標(biāo)簽readonly屬性。
  類型選擇“單行”:插入單行文本域(type="text")。
  類型選擇“密碼”:插入密碼域(type="password")。
  三、提示
  將光標(biāo)定位到表單的紅色虛線圍成的框內(nèi),按回車(Enter)鍵,可以添加多個單行文本域或密碼域。
14371