育將電腦工作室 - 線上書籍

萬用表單5
=====

### 場地預約

1. 預約時，可以觀看目前預約狀況
2. 預約完成，自動顯示在Google日曆
3. 預約物件在某天日期、某時段，若已經預約出去，則無法再接受預約
4. 在網頁顯示預約時段與QRCODE，讓訪客預約
 
表單設定

1. 數量限制：欄位數量限制
2. 欄位數量限制：預約教室、預約日期、預約時段(開始時間、結束時間 視情況勾選)
3. 日曆-ID
4. 日曆-開始日期：預約日期
5. 日曆-開始時間：開始時間
6. 日曆-結束日期：預約日期
7. 日曆-結束時間：結束時間
8. 日曆標題-欄位：預約教室、預約時段
9. 日曆-內容欄位：班級
10. 填報者-完成欄位：姓名、預約教室、EMAIL、班級、預約日期、開始時間、結束時間
11. 表單說明 
  ```javascript
  <h1 style="text-align:center">預約情況</h1>
  <p><iframe frameborder="0" height="600" scrolling="no" src="https://calendar.google.com/calendar/embed?src=3179f5a863c2f7729b072bd2eb120eace5f0a1b0677534944c1b2133d8cacd24%40group.calendar.google.com&ctz=Asia%2FTaipei" style="border: 0" width="100%"></iframe></p>
  ```
12. 填報完成說明
 
### 表單結構

```javascript

[{"form_control":"",
"form_label":"時間戳記",
"form_name":"f1",
"form_sort":"1",
"form_value":"",
"form_width":"2",
"form_kind":"時間戳記",
"form_option":"",
"form_validate":"",
"form_readme":"",
"form_placeholder":"",
"form_readonly":"",
"form_fun":"",
"value_type":"文字",
"list_visible":"true",
"list_align":"left",
"list_sortable":"false",
"list_width":"170"},
{"form_control":"",
"form_label":"姓名",
"form_name":"f2",
"form_sort":"2",
"form_value":"",
"form_width":"3",
"form_kind":"簡答",
"form_option":"",
"form_validate":"必填",
"form_readme":"",
"form_placeholder":"",
"form_readonly":"",
"form_fun":"",
"value_type":"文字",
"list_visible":"true",
"list_align":"left",
"list_sortable":"false",
"list_width":""},
{"form_control":"",
"form_label":"預約教室",
"form_name":"f5",
"form_sort":"3",
"form_value":"",
"form_width":"3",
"form_kind":"下拉選單",
"form_option":"教室1|教室2|教室3|教室4|教室5",
"form_validate":"",
"form_readme":"",
"form_placeholder":"",
"form_readonly":"",
"form_fun":"",
"value_type":"文字",
"list_visible":"true",
"list_align":"left",
"list_sortable":"false",
"list_width":""},
{"form_control":"",
"form_label":"EMAIL",
"form_name":"f4",
"form_sort":"4",
"form_value":"",
"form_width":"6",
"form_kind":"email",
"form_option":"",
"form_validate":"必填|email",
"form_readme":"",
"form_placeholder":"",
"form_readonly":"",
"form_fun":"",
"value_type":"文字",
"list_visible":"false",
"list_align":"left",
"list_sortable":"false",
"list_width":""},
{"form_control":"",
"form_label":"班級",
"form_name":"f3",
"form_sort":"5",
"form_value":"",
"form_width":"3",
"form_kind":"下拉選單",
"form_option":"一年一班|一年二班|一年三班|一年四班|一年五班",
"form_validate":"",
"form_readme":"",
"form_placeholder":"",
"form_readonly":"",
"form_fun":"",
"value_type":"文字",
"list_visible":"true",
"list_align":"left",
"list_sortable":"false",
"list_width":""},
{"form_control":"",
"form_label":"預約日期",
"form_name":"f6",
"form_sort":"6",
"form_value":"",
"form_width":"2",
"form_kind":"日期",
"form_option":"",
"form_validate":"必填",
"form_readme":"",
"form_placeholder":"",
"form_readonly":"",
"form_fun":"",
"value_type":"文字",
"list_visible":"true",
"list_align":"left",
"list_sortable":"false",
"list_width":""},
{"form_control":"",
"form_label":"預約時段",
"form_name":"f7",
"form_sort":"7",
"form_value":"",
"form_width":"3",
"form_kind":"下拉選單",
"form_option":"第一節 08:10-09:00|第二節 09:10-10:00|第三節10:10-11:00|第四節 11:10-12:00|第五節 13:10-14:00|第六節 14:10-15:00|第七節 15:10-16:00|第八節 16:10-17:00",
"form_validate":"必填",
"form_readme":"",
"form_placeholder":"",
"form_readonly":"",
"form_fun":"預填欄位",
"value_type":"文字",
"list_visible":"true",
"list_align":"left",
"list_sortable":"false",
"list_width":""},
{"form_control":"",
"form_label":"開始時間",
"form_name":"f8",
"form_sort":"8",
"form_value":"",
"form_width":"2",
"form_kind":"時間",
"form_option":"",
"form_validate":"必填",
"form_readme":"",
"form_placeholder":"",
"form_readonly":"",
"form_fun":"預填欄位",
"value_type":"文字",
"list_visible":"true",
"list_align":"left",
"list_sortable":"false",
"list_width":""},
{"form_control":"",
"form_label":"結束時間",
"form_name":"f9",
"form_sort":"9",
"form_value":"",
"form_width":"2",
"form_kind":"時間",
"form_option":"",
"form_validate":"必填",
"form_readme":"",
"form_placeholder":"",
"form_readonly":"",
"form_fun":"預填欄位",
"value_type":"文字",
"list_visible":"false",
"list_align":"left",
"list_sortable":"false",
"list_width":""}]

```

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown