Google form: Difference between revisions
Jump to navigation
Jump to search
(→網站開發者) |
m (Text replacement - "http://planetoid.info/images/" to "https://planetoid.info/images/") Tags: Mobile edit Mobile web edit |
||
| (3 intermediate revisions by one other user not shown) | |||
| Line 7: | Line 7: | ||
== 網站開發者 == | == 網站開發者 == | ||
建立類似 Google form 的前端網頁功能 | 建立類似 Google form 的前端網頁功能 | ||
# 如果「必要問題」沒有填寫時，點選「提交」按鈕時，會出現 (1)「這是必填問題」錯誤訊息。 (2) 將要填寫的問題，用方框框起來。<br /> | # 如果「必要問題」沒有填寫時，點選「提交」按鈕時，會出現 (1)「這是必填問題」錯誤訊息。 (2) 將要填寫的問題，用方框框起來。<br />https://planetoid.info/images/google_from_required_question.png | ||
# 如果「必要問題」有填寫時，原本「這是必填問題」錯誤訊息會消失。 | # 如果「必要問題」有填寫時，原本「這是必填問題」錯誤訊息會消失。 | ||
# 單選按鈕(radio button)的題目選項，如果使用者在「其他」選項的文字方框輸入文字時，會自動勾選「其他」。當輸入文字清除時，勾選「其他」的狀態會繼續維持。 <br /> | # 單選按鈕(radio button)的題目選項，如果使用者在「其他」選項的文字方框輸入文字時，會自動勾選「其他」。當輸入文字清除時，勾選「其他」的狀態會繼續維持。 <br />https://planetoid.info/images/google_from_radio_button_other.png | ||
# 資料庫欄位，增加「時間戳記」，紀錄使用者提交問卷結果的時間。 | # 資料庫欄位，增加「時間戳記」，紀錄使用者提交問卷結果的時間。 | ||
# 按鍵盤 {{kbd | key = Enter}} 按鍵，會提交整個表單填寫結果? 還是段落文字方框內換行? | |||
solution | solution | ||
| Line 21: | Line 22: | ||
* pagination | * pagination | ||
* states: 理想狀態（Ideal State）/ 空白狀態（Empty State）/ 錯誤狀態（Error State）/ 局部資料狀態（Partial State） / 載入中狀態（Loading State）<ref>[https://medium.com/@zonble/%E7%BF%BB%E8%AD%AF-%E5%A6%82%E4%BD%95%E4%BF%AE%E6%AD%A3%E5%A3%9E-ui-2f972da15d5b#.kan8n3d1r (翻譯) 如何修正壞 UI — Medium] </ref> | * states: 理想狀態（Ideal State）/ 空白狀態（Empty State）/ 錯誤狀態（Error State）/ 局部資料狀態（Partial State） / 載入中狀態（Loading State）<ref>[https://medium.com/@zonble/%E7%BF%BB%E8%AD%AF-%E5%A6%82%E4%BD%95%E4%BF%AE%E6%AD%A3%E5%A3%9E-ui-2f972da15d5b#.kan8n3d1r (翻譯) 如何修正壞 UI — Medium] </ref> | ||
** Empty State: placeholder text | |||
references | references | ||
Latest revision as of 19:31, 26 February 2022
紀錄版本號碼[edit]
如果 Google form 要有紀錄版本號碼的功能
- 每份作答都會自動記錄，回傳表單的時間到「時間戳記」(timestamp)欄位
- 手動將版本號寫在答案選項內，作答結果才會記錄填答者所選擇的 (帶有版本號的) 答案選項。
- 無法 把版本號寫在問題文字內，作答結果並不會記錄這樣的變動，因為問卷視作這是同一個問題。
網站開發者[edit]
建立類似 Google form 的前端網頁功能
- 如果「必要問題」沒有填寫時，點選「提交」按鈕時，會出現 (1)「這是必填問題」錯誤訊息。 (2) 將要填寫的問題，用方框框起來。
- 如果「必要問題」有填寫時，原本「這是必填問題」錯誤訊息會消失。
- 單選按鈕(radio button)的題目選項，如果使用者在「其他」選項的文字方框輸入文字時，會自動勾選「其他」。當輸入文字清除時，勾選「其他」的狀態會繼續維持。
- 資料庫欄位，增加「時間戳記」，紀錄使用者提交問卷結果的時間。
- 按鍵盤 Enter 按鍵，會提交整個表單填寫結果? 還是段落文字方框內換行?
solution
- jQuery Validation Plugin - Form validation with jQuery license: MIT [Last visited: 2015-11-02]
other web form issues
- auto save: to avoid the user close the browser accidentally.
- Warn user before leaving web page with unsaved changes
- switch input field using Tab key on a web page[1]
- pagination
- states: 理想狀態（Ideal State）/ 空白狀態（Empty State）/ 錯誤狀態（Error State）/ 局部資料狀態（Partial State） / 載入中狀態（Loading State）[1]
- Empty State: placeholder text
references