本堂課學習提要

1. 本堂課學習提要 • 認識表單與表單元件 • 插入表單元件來製作表單 • 利用表單製作搜尋商品欄 • 利用表單製作商品訂購單

2. 16-1 認識表單 • 表單簡介 • Dreamweaver 所提供的表單元件

3. 表單簡介

4. Dreamweaver 所提供的表單元件

5. 16-2 加入搜尋商品的功能 • 檢驗表單中是否有輸入資料 • 以 Dreamweaver 內建之行為來檢查空字串 • 下載擴充功能來檢查空字串 • 查詢資料庫並顯示搜尋結果

6. 檢驗表單中是否有輸入資料 • 以 Dreamweaver 內建之行為來檢查空字串

7. 檢驗表單中是否有輸入資料

8. 檢驗表單中是否有輸入資料

9. 檢驗表單中是否有輸入資料

10. 檢驗表單中是否有輸入資料 • 下載擴充功能來檢查空字串

11. 檢驗表單中是否有輸入資料

12. 檢驗表單中是否有輸入資料

13. 檢驗表單中是否有輸入資料

14. 檢驗表單中是否有輸入資料

15. 查詢資料庫並顯示搜尋結果

16. 查詢資料庫並顯示搜尋結果

17. 查詢資料庫並顯示搜尋結果

18. 查詢資料庫並顯示搜尋結果

19. 查詢資料庫並顯示搜尋結果

20. 查詢資料庫並顯示搜尋結果

21. 查詢資料庫並顯示搜尋結果

22. 查詢資料庫並顯示搜尋結果

23. 16-3 在單品網頁訂購商品 • 利用擴充功能檢驗表單資料 • 傳遞要訂購之商品編號

24. 利用擴充功能檢驗表單資料

25. 利用擴充功能檢驗表單資料

26. 利用擴充功能檢驗表單資料

27. 利用擴充功能檢驗表單資料

28. 傳遞要訂購之商品編號

29. 傳遞要訂購之商品編號

30. 16-4 建立訂購單 • 顯示訂購商品資訊 • 製作訂購者資料表單

31. 顯示訂購商品資訊

32. 顯示訂購商品資訊

33. 顯示訂購商品資訊

34. 顯示訂購商品資訊

35. 顯示訂購商品資訊

36. 顯示訂購商品資訊

37. 製作訂購者資料表單

38. 製作訂購者資料表單

39. 16-5 使用「Spry 驗證」檢查表單的正確性 • 加入 Spry 驗證功能 • 測試 Spry 驗證功能

40. 加入 Spry 驗證功能

41. 加入 Spry 驗證功能

42. 加入 Spry 驗證功能 • Email：類型：電子郵件地址、勾選必要、預覽狀態：初始。 • 地址：類型：無、最小字元數：5、勾選必要、預覽狀態：初始。 • 手機：類型：無、最小字元數：7、勾選必要、預覽狀態：初始。

43. 測試 Spry 驗證功能

44. 16-6 將訂購資料儲存到資料庫 • 加入隱藏欄位 • 使用「插入記錄」伺服器行為儲存訂購資料

45. 加入隱藏欄位

46. 加入隱藏欄位

47. 加入隱藏欄位

48. 使用「插入記錄」伺服器行為儲存訂購資料

49. 使用「插入記錄」伺服器行為儲存訂購資料

50. 使用「插入記錄」伺服器行為儲存訂購資料