Google form: Difference between revisions
Jump to navigation
Jump to search
m
Text replacement - "http://planetoid.info/images/" to "https://planetoid.info/images/"
(→網站開發者) |
m (Text replacement - "http://planetoid.info/images/" to "https://planetoid.info/images/") Tags: Mobile edit Mobile web edit |
||
| (5 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 18: | Line 19: | ||
* auto save: to avoid the user close the browser accidentally. | * auto save: to avoid the user close the browser accidentally. | ||
* Warn user before leaving web page with unsaved changes | * Warn user before leaving web page with unsaved changes | ||
* switch input field using Tab key on a web page[http://stackoverflow.com/questions/7455865/how-to-change-input-field-switch-sequence-swithcing-input-field-using-tab-key] | |||
* 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> | |||
** Empty State: placeholder text | |||
references | |||
<references /> | |||
[[Category:Google]] [[Category:Web_Dev]] | [[Category:Google]] [[Category:Web_Dev]] | ||