海詩網(wǎng) 頭條熱點 Dreamweaver CC2015簡單表單的創(chuàng)建方法

Dreamweaver CC2015簡單表單的創(chuàng)建方法

Dreamweaver CC2015如何創(chuàng)建簡單表單?Dreamweaver集成了網(wǎng)頁制作和網(wǎng)站管理,使開發(fā)人員和設(shè)計人員能夠快速創(chuàng)建網(wǎng)站和應(yīng)用程序。Dreamweaver制作的網(wǎng)頁中需要表單。

一般都有提交數(shù)據(jù)的表格。讓我們來看看Dreamweaver的創(chuàng)建表單的教程。有需要的朋友快來看看吧!

方法步驟:

1.打開Dreamweaver軟件,鼠標(biāo)左鍵選擇新建HTML,在代碼窗口中修改網(wǎng)頁的title標(biāo)簽,比如制作一個簡單的表單,如下圖所示。

Dreamweaver CC2015簡單表單的創(chuàng)建方法

2.然后,在“設(shè)計”窗口中,用鼠標(biāo)左鍵單擊“插入”下的“表單”,如下圖所示。

Dreamweaver CC2015簡單表單的創(chuàng)建方法

3.然后,在設(shè)計窗口上,可以看到添加的窗體,窗體的區(qū)域用紅色虛線框表示,如下圖所示。

Dreamweaver CC2015簡單表單的創(chuàng)建方法

4.然后,可以修改表單的區(qū)域大小,按鍵盤上的[Enter]鍵增加表單的大小,如下圖所示。

Dreamweaver CC2015簡單表單的創(chuàng)建方法

5.然后,用鼠標(biāo)左鍵單擊“插入”下的“表單文本域”,如下圖所示,您可以向表單中添加一個文本框。

Dreamweaver CC2015簡單表單的創(chuàng)建方法

6.然后在彈出的文本字段窗口中,設(shè)置文本的參數(shù),比如名稱,如下圖所示。

Dreamweaver CC2015簡單表單的創(chuàng)建方法

7.然后,在設(shè)計窗口中,可以看到表單中添加了輸入文本框,如下圖所示。

Dreamweaver CC2015簡單表單的創(chuàng)建方法

8.然后,根據(jù)表單中的數(shù)據(jù),可以添加多個文本框,如下圖所示。

Dreamweaver CC2015簡單表單的創(chuàng)建方法

9.然后,在添加了表單的文本框后,可以在設(shè)計窗口中看到簡單表單的顯示效果,如下圖所示。

Dreamweaver CC2015簡單表單的創(chuàng)建方法

10.最后用鼠標(biāo)左鍵點擊【實時查看】窗口,可以看到制作好的簡易表格。您可以在表單中輸入文本來查看顯示效果,如下圖所示。這種簡單的形式是由。用鼠標(biāo)左鍵單擊文件菜單下的保存。

Dreamweaver CC2015簡單表單的創(chuàng)建方法

以上是邊肖給大家分享的Dreamweaver CC2015簡單表單的具體創(chuàng)建方法。感興趣的用戶可以按照上面的步驟,試一試。希望以上教程能幫到你,關(guān)注系統(tǒng)精彩資訊教程。

本文來自網(wǎng)絡(luò),不代表海詩網(wǎng)立場,轉(zhuǎn)載請注明出處:http://x91880.com/n/174948.html
      

windows10開始界面換回windows7(win10切換為win7開始菜單)

發(fā)表回復(fù)
聯(lián)系我們
聯(lián)系我們

在線咨詢: QQ交談

郵箱: 3587015498@qq.com

工作時間:周一至周五,9:00-17:30,節(jié)假日休息

關(guān)注微信
微信掃一掃關(guān)注我們
微信掃一掃關(guān)注我們
關(guān)注微博
返回頂部