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