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