如何在網頁中創建用戶調查表?

用戶調查是企業瞭解市場需的方式,其中大部分網站上都有用戶調查表這一項。那怎麼創建用戶調查表呢?

工具/原料

電腦

Dreamweaver

方法/步驟

第一步:打開dw並且創建一個名為form.html並保存它在站點目錄下。接著單擊“插入”下的“表單” 鈕添加空表單。順便改一下標題如圖。

如何在網頁中創建用戶調查表

第二步:在表單中添加文本字段。我們把光標置於紅色框內,插入表格設置表格屬性。如圖

如何在網頁中創建用戶調查表

第三步:將光標放到表格第一行輸入“提交個人資料”在第二行先拆分在進行如圖操作

如何在網頁中創建用戶調查表

第四步:在表單中添加單選按鈕如圖選擇單選標記在輸入文字。並且在屬性面板設置“男”為選中狀態。

如何在網頁中創建用戶調查表

第五步:在表單中輸入文字“年齡”“您的職業”“您的教育背景”您的籍貫等可以根據你的需要輸入即可。

如何在網頁中創建用戶調查表

第六步:分別添加列表/菜單,如圖。

如何在網頁中創建用戶調查表

第七步:添加列表值以“年齡”的列表值為例。先選中年齡列表在屬性中點擊列表值在彈出的對話框設置即可如圖。

如何在網頁中創建用戶調查表

第八步:添加複選框。在第五行輸入“你上網要做什麼(最多可以選5項)”,接著在第六行輸入複選框收發郵件等。第七行和第八行都是如此如圖。

如何在網頁中創建用戶調查表

第九步:添加文本框。在第九行輸入“你對網站的建儀”,然後再第十行輸入文本框。如圖。

如何在網頁中創建用戶調查表

第十步:選中文本框,在屬性框設置文本框的屬性值。把字符寬度設置為70行數是5如圖。

如何在網頁中創建用戶調查表

第十一步:在十一行輸入“非常感謝你的參與,請留下您的聯繫方式,便於我們我們聯繫”如圖

如何在網頁中創建用戶調查表

第十二步:在第十二,十三,十四輸入“真實姓名”“郵編”“您的真實地址”並且分別在其後添加文本字段並且設置字段寬度為16。如圖

如何在網頁中創建用戶調查表

第十三步:在第十五行“輸入現在發送?”在其後添加兩個提交按鈕並且改變一下按鈕的屬性如圖。

如何在網頁中創建用戶調查表

第十四步:選擇表格數據的傳輸方式如圖。

如何在網頁中創建用戶調查表

第十五步:調整修飾表單,然後預覽如圖。

如何在網頁中創建用戶調查表

相關問題答案