【手機網頁入門實做】jQueryMobile入門- 內頁表單

Hi!各位朋友大家好,我是小蔡老師,在這次單元裡我們要討論表單的制作方法,這邊會盡量說明比較完整的方式

1.我們先移至訂單區塊 → 一般來講我們會更改header讓閱讀者比較容易知道自己所在的頁面位置
001

效果呈現:
002

2. 針對內容區塊因應我們書的是表單同其他程式語法表單為form
003

3.利用文字書寫格方式label配合表單輸入語法input再用div區塊分出各個不同
004

4.規劃表格頁面選項如訂單編號、姓名、聯絡方式、Mail、付款方式、確認送出
005

5.付款方式因應行動裝置都是利用滾輪選單可直接利用選項(select)搭配指定屬性(option)來制作
006

效果呈現:
007

6.既然已經做出表單,想當然要搭配整體語法判斷是否送出
008

完成後效果呈現:
009

備註:不用太過擔心表單制作過長是否會消失,會自動產生滾輪於瀏覽器,同樣的在手機或平板也會自動產生相似效果

(BLOG 線上教學皆為雅朵美術工房所有&BLOG作品皆為設計者阿哲類所有 未經同意請勿盜連或者轉帖,違反者依法處理)

我想發問