Editing Google form (section)

== 網站開發者 ==
建立類似 Google form 的前端網頁功能
# 如果「必要問題」沒有填寫時，點選「提交」按鈕時，會出現 (1)「這是必填問題」錯誤訊息。 (2) 將要填寫的問題，用方框框起來。<br />https://planetoid.info/images/google_from_required_question.png 
# 如果「必要問題」有填寫時，原本「這是必填問題」錯誤訊息會消失。
# 單選按鈕(radio button)的題目選項，如果使用者在「其他」選項的文字方框輸入文字時，會自動勾選「其他」。當輸入文字清除時，勾選「其他」的狀態會繼續維持。 <br />https://planetoid.info/images/google_from_radio_button_other.png 
# 資料庫欄位，增加「時間戳記」，紀錄使用者提交問卷結果的時間。
# 按鍵盤 {{kbd | key = Enter}} 按鍵，會提交整個表單填寫結果? 還是段落文字方框內換行?

solution
* [http://jqueryvalidation.org/ jQuery Validation Plugin - Form validation with jQuery] license: MIT {{access | date = 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[http://stackoverflow.com/questions/7455865/how-to-change-input-field-switch-sequence-swithcing-input-field-using-tab-key]
* 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]]