Dreamweaver怎么創(chuàng)建簡(jiǎn)單的表單?
我要評(píng)論Dreamweaver制作的網(wǎng)頁(yè)中需要表單，一般有提交數(shù)據(jù)的表單，該怎么制作這個(gè)表單呢？下面我們就來看看詳細(xì)的教程。
Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類型：網(wǎng)頁(yè)設(shè)計(jì)
- 大?。?/span>758MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2016-11-05
1、打開Dreamweaver軟件，鼠標(biāo)左鍵選擇新建【HTML】，在代碼窗口上，修改網(wǎng)頁(yè)title標(biāo)簽，比如制作簡(jiǎn)單表單，如下圖所示。
2、接著，在【設(shè)計(jì)】窗口中，鼠標(biāo)左鍵單擊菜單【插入】下的【表單】，如下圖所示。
3、然后，在【設(shè)計(jì)】窗口上，可以看到添加的表單，用紅顏色的虛線框表示表單的區(qū)域，如下圖所示。
4、接著，可以修改表單的區(qū)域大小，同過鍵盤上的【Enter】按鍵，增加表單的大小，如下圖所示。
5、然后，鼠標(biāo)左鍵單擊菜單【插入】下的【表單】的【文本域】，如下圖所示，可以在表單中添加文本框。
6、接著，在彈出的【文本域】窗口中，設(shè)置文本的參數(shù)，如名稱等，如下圖所示。
7、然后，在【設(shè)計(jì)】窗口中，就可以看到表單中添加的輸入文本框了，如下圖所示。
8、接著，根據(jù)表單的數(shù)據(jù)，可以添加多個(gè)文本框，如下圖所示。
9、然后，把表單的文本框添加好后，在【設(shè)計(jì)】窗口中，可以看到簡(jiǎn)單的表單制作好的顯示效果，如下圖所示。
10、最后，鼠標(biāo)左鍵單擊【實(shí)時(shí)視圖】窗口，可以看到制作好的簡(jiǎn)單表單，可以在表單中輸入文字，查看顯示效果，如下圖所示。這樣簡(jiǎn)單表單就制作好了，鼠標(biāo)左鍵單擊【文件】菜單下的【保存】。
以上就是Dreamweaver創(chuàng)建簡(jiǎn)單的表單的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
dreamweaver怎么設(shè)置僅僅復(fù)制文本?
Dreamweaver表單怎么設(shè)置6位數(shù)的密碼?
相關(guān)文章
Dreamweaver網(wǎng)頁(yè)中怎么添加電子郵箱鏈接?
Dreamweaver網(wǎng)頁(yè)中怎么添加電子郵箱鏈接？Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)想要添加聯(lián)系我們的文字直接鏈接到電子郵箱，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參2018-01-05
Dreamweaver網(wǎng)頁(yè)中的文本怎么添加背景圖片?
Dreamweaver網(wǎng)頁(yè)中的文本怎么添加背景圖片？Dreamweaver設(shè)計(jì)的文本網(wǎng)頁(yè)太單調(diào)，想要給文本添加星空背景圖片，該怎么添加呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參2018-01-05
Dreamweaver怎么添加邊框? Dreamweaver邊框的制作方法
Dreamweaver怎么添加邊框？Dreamweaver想要制作一個(gè)紅色邊框，該怎么制作呢？下面我們就來看看Dreamweaver邊框的制作方法，需要的朋友可以參考下2018-01-04
Dreamweaver網(wǎng)頁(yè)怎么添加彈出窗口信息?
Dreamweaver網(wǎng)頁(yè)怎么添加彈出窗口信息？很多網(wǎng)站都有歡迎信息的彈窗，想要給網(wǎng)頁(yè)添加一個(gè)彈窗，該怎么添加呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-04
Dreamweaver怎么上傳站點(diǎn)到服務(wù)器?
Dreamweaver怎么上傳站點(diǎn)到服務(wù)器？Dreamweaver中制作好的玩野想要上傳到服務(wù)器，該怎么上傳站點(diǎn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-03
Dreamweaver怎么設(shè)置狀態(tài)欄文本?
Dreamweaver怎么設(shè)置狀態(tài)欄文本？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要制作在狀態(tài)欄制作顯示歡迎的話語(yǔ)，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-03
Dreamweaver網(wǎng)頁(yè)制作怎么使用css樣式嵌套?
Dreamweaver網(wǎng)頁(yè)制作怎么使用css樣式嵌套？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要使用css樣式嵌套，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-02
Dreamweaver怎么裁剪圖片？Dreamweaver中插入的圖片太大了，想要裁剪圖片，并設(shè)置圖片的屬性，該怎么設(shè)置呢？下面我們就來看看dw編輯圖片的技巧，需要的朋友可以參考下2018-01-02
Dreamweaver網(wǎng)頁(yè)怎么創(chuàng)建css樣式的復(fù)合聲明?
Dreamweaver網(wǎng)頁(yè)怎么創(chuàng)建css樣式的復(fù)合聲明？Dreamweaver中想要制作一個(gè)css樣式的復(fù)合聲明，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-02
Dreamweaver網(wǎng)頁(yè)中怎么插入導(dǎo)航條? dw網(wǎng)頁(yè)導(dǎo)航條的使用方法
Dreamweaver網(wǎng)頁(yè)中怎么插入導(dǎo)航條？Dreamweaver中網(wǎng)頁(yè)為了更有層次感，想要插入導(dǎo)航條，該怎么使用導(dǎo)航條呢？下面我們就來看看dw網(wǎng)頁(yè)導(dǎo)航條的使用方法，需要的朋友可以參考2018-01-02
