自己做互動表單

一、談互動表單

曾經看過有網友使用GOOGLE文件來進行"自製問卷"的效果。
不過表現出來的資料是用線上版的EXCEL的格式出現。

雖然填寫方便,但管理似乎有點麻煩,用了幾次的GOOGLE文件來實驗,發現網頁好像還蠻常當掉的XD

今天介紹的方法需配合Microsoft Office Outlook。
這對非Microsoft Office Outlook使用者是不太方便...
但如果有個互動式網頁的化,卻也不可否認這方法不錯XD

二、互動表單的標記

這是開始
<form method="post" action="mailto:填入您的信箱?subject=信件主旨" enctype="text/plain">

您的暱稱<input type="text" name="暱稱" size="10" maxlength="255">
(中間表單值)

<input type="submit" value="傳送">
</form>
程式碼結束

三、輸入文字選項


問題<input type="text" name="出現在E-mail的選項名稱" size="表格字元大小" maxlength="可輸入幾個字元">

範例:
您的暱稱<input type="text" name="暱稱" size="10" maxlength="255">
結果:
您的暱稱

四、放入選擇題

題目<input type="radio" name="欄位名稱" value="答案一項目命名" checked(預設選項)>答案一。<input type="radio" name="欄位名稱" value="答案二項目命名">答案二。

範例:
是否已加入本站連結(單一選項)<input type="radio" name="加入連結" value="yes" checked>加入了。<input type="radio" name="加入連結" value="no">還沒加入。
結果:
是否已加入本站連結(單一選項)加入了。還沒加入。

五、放入複選題


範例:
你喜歡的動物
<input type="checkbox" name="喜歡的動物" value="狗狗" checked>狗狗
<input type="checkbox" name="喜歡的動物" value="兔子">兔子
<input type="checkbox" name="喜歡的動物" value="魚兒">魚兒

結果:
你喜歡的動物
狗狗兔子魚兒

六、下拉式選單

你從哪裡來
<select name="地區">
<option value="北部">北部
<option value="中部">中部
<option value="南部">南部
<option value="其它" selected>其它
</select>

結果:
你從哪裡來


七、自由欄位

範例:
<textarea name="我還有話要說" rows="5" cols="20" wrap="off">
請輸入您的評論
</textarea>

結果:


八、提交欄位

最後加上送出按鈕,就大功告成囉。
範例:
<input type="submit" value="送出">

結果:


實際範例:
需配合Microsoft Office Outlook。


您的暱稱

您的網址

是否已加入本站連結(單一選項)加入了。還沒加入。

對這篇文章的評分為
很好
很實用
不需要

你從哪裡來




最新文章