Dreamweaver簡(jiǎn)單制作用戶注冊(cè)表單
今天小編為大家分享Dreamweaver簡(jiǎn)單制作用戶注冊(cè)表單方法,教程比較簡(jiǎn)單,適合新手來(lái)學(xué)習(xí),推薦過來(lái),一起來(lái)學(xué)習(xí)吧!
步驟:
1、插入“表單”-“表單”;

2、在表單中插入“表格”,彈出一個(gè)“表格”對(duì)話框,設(shè)置表格,參數(shù)如下圖所示。

3、設(shè)置頁(yè)面屬性,左邊距和右邊距都設(shè)置為20%;

4、在表格左側(cè)的第一個(gè)單元格輸入文字“用戶名”,然后點(diǎn)擊上方的“文本域”,彈出“輸入標(biāo)簽輔助功能屬性”對(duì)話框,直接點(diǎn)擊確定即可,如下圖所示;

5、插入之后,選擇,下面會(huì)出現(xiàn)相應(yīng)的屬性,如果覺得寬度不夠,可以在“字符寬度”設(shè)置,我這里設(shè)置為“30”;

6、會(huì)有同學(xué)覺得這個(gè)框太窄了,那么怎么設(shè)置高度呢?
打開拆分窗口,在域所對(duì)應(yīng)的代碼中插入“style=“height:30px”” ”即可;

7、在第二行左側(cè)的單元格,輸入文字“密碼”,插入文本域,步驟和上面一樣;但屬性中,要選擇“密碼”,如圖所示;

8、在第三行左側(cè)的單元格輸入文字“確認(rèn)密碼”,步驟和輸入“密碼”的步驟相同;

9、在表格下方,插入按鈕,則會(huì)彈出“輸入標(biāo)簽輔助功能屬性”,按照?qǐng)D中設(shè)置,然后點(diǎn)擊確定即可;

10、設(shè)置屬性,值為“提交”,動(dòng)作為“提交表單”,如圖所示;

11、再次插入按鈕,設(shè)置屬性,值為“取消”,動(dòng)作為“取消表單”;

12、保存,預(yù)覽;如圖所示;

以上就是Dreamweaver簡(jiǎn)單制作用戶注冊(cè)表單方法介紹,大家按照上面步驟進(jìn)行操作即可,希望這篇教程能對(duì)大家有所幫助!
注:本篇文章系腳本之家依照真實(shí)經(jīng)歷原創(chuàng),轉(zhuǎn)載請(qǐng)注明出處!相關(guān)文章

HTML代碼怎么調(diào)整圖片位置? dw任意改變?yōu)g覽器窗口圖片都居中的代碼
HTML代碼怎么調(diào)整圖片位置?dw想要通過代碼實(shí)現(xiàn)圖片頁(yè)面居中,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看dw任意改變?yōu)g覽器窗口圖片都居中的代碼2023-03-06
dw怎么給框架加內(nèi)容? Dreamweaver向框架中添加內(nèi)容的技巧
dw怎么給框架加內(nèi)容?dw中創(chuàng)建的框架,想要添加內(nèi)容,該怎么添加呢?下面我們就來(lái)看看Dreamweaver向框架中添加內(nèi)容的技巧2023-03-03
dw怎么給魚片添加邊框線? dreamweaver圖片添加邊框的方法
dw怎么給魚片添加邊框線?dw中的圖片想要添加內(nèi)邊框,外邊框或者雙邊框,該怎么操作呢?下面我們就來(lái)看看dreamweaver圖片添加邊框的方法2023-03-03
HTML怎么角度代碼調(diào)節(jié)一個(gè)角的角度? dw調(diào)節(jié)一個(gè)角的角度代碼技巧
HTML怎么角度代碼調(diào)節(jié)一個(gè)角的角度?dw調(diào)節(jié)一個(gè)角的角度代碼技巧2023-02-23
DW2017圖片文字怎么并排排列? HTML圖片/文字并排排列代碼寫法
DW2017圖片文字怎么并排排列?DW2017中的圖片和文字想要并列排列,該怎么操作呢?下面我們就來(lái)看看HTML圖片/文字并排排列代碼寫法2023-01-29
dw有序列表ol怎么用? HTML頁(yè)面添加有序列表ol的教程
dw有序列表ol怎么用? Dreamweaver頁(yè)面中國(guó)的內(nèi)容需要添加列表效果,該怎么添加有序列表呢?下面我們就來(lái)看看HTML頁(yè)面添加有序列表ol的教程2023-01-09
banner圖片上添加左右按鈕代碼怎么弄? HTML制作banner按鈕的技巧
banner圖片上添加左右按鈕代碼怎么弄?Dreamweaver做banner的時(shí)候,想要在圖片上添加左右翻頁(yè)按鈕,該怎么設(shè)置呢?下面我們就來(lái)看看HTML制作banner按鈕的技巧2023-01-06
html用代碼制作虛線框怎么做?想要在頁(yè)面中繪制一個(gè)虛線圓形,該怎么制作呢?下面我們就來(lái)看看dw制作虛線圓圈的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-21
Dw怎么撤銷組合鍵? Dw關(guān)閉按control組合鍵顯示新建文檔對(duì)話框的技巧
Dw怎么撤銷組合鍵?Dreamweaver中經(jīng)常會(huì)使用快捷鍵創(chuàng)建新文檔,如果想要關(guān)閉這個(gè)快捷鍵,該怎么操作呢?下面我們就來(lái)看看Dw關(guān)閉按control組合鍵顯示新建文檔對(duì)話框的技巧2022-07-19
Dw2018打開只讀文件提示警告怎么辦?Dw2018中打開制度文件就會(huì)出現(xiàn)警告,想要關(guān)閉警告,下面我們就來(lái)看看Dreamweaver關(guān)閉打開只讀文件時(shí)警告用戶的技巧2022-05-19











