一、談互動表單 |
曾經看過有網友使用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。