在Dreamweaver中設(shè)計表單比較方便,下面通過一個示例的操作過程演示如何快速設(shè)計一個表單頁面。
【操作步驟】
第1步,打開本節(jié)模板頁面(orig.html),保存為index.php。在這個示例中,將設(shè)計一個完整的表單結(jié)構(gòu),最終預(yù)覽效果如下圖所示。
第2步,把光標(biāo)置于插入表單的具體位置,這里為<div data-role="content">標(biāo)簽中。然后選擇【插入】|【表單】|【表單】命令,在當(dāng)前光標(biāo)位置插入一個表單框。插入表單框之后,在設(shè)計視圖中會顯示紅色虛線框,如下圖所示。
第3步,把光標(biāo)置于表單框內(nèi),選擇【插入】|【表單】子菜單中的任意一個表單項,如【文本】菜單選項,在表單框內(nèi)的當(dāng)前光標(biāo)位置插入一個表單對象。提示:如果插入的文本框不位于表單框<form>標(biāo)簽內(nèi),則Dreamweaver會彈出提示對話框提示是否增加表單標(biāo)簽。
第4步,在頁面中插入一個文本表單對象之后,選中該表單項,在【屬性】面板中設(shè)置表單對象的屬性,如下圖所示,該面板顯示文本框的全部屬性,可以進(jìn)行快速設(shè)置。
第5步,以同樣的方式,繼續(xù)插入其他表單對象,然后在【屬性】面板中設(shè)置屬性即可。
當(dāng)前文章標(biāo)題:設(shè)計表單頁
當(dāng)前URL:http://www.gtalker.cn/news/wzzz/3254.html
上一篇:表單結(jié)構(gòu)
下一篇:設(shè)置表單基本屬性(上)