新北市教育局程式應用研發社群工作坊-KendoUI(1060710-0711)

日期:106年7月10-7日11日

地點:教研中心電腦教室

講師:三重區正義國小詹博文老師


課程講義:KENDOUI程式設計研習

範例網頁下載:kendo_web_20170711

範例網頁實作:http://webnas.bhes.ntpc.edu.tw/chiubor/kendo_web/

KendoUI課程錄影,明德高中許明福老師提供:


課程內容:

表單實作練習

<form>
<h1>公告管理</h1>
<hr/>
<label>公告人:</label>
<input id="lab_man" />

<label>發佈單位:</label>
<select name="organization">
<option value="o1">教務處</option>
<option value="o2">學務處</option>
<option value="o3">總務處</option>
<option value="o4">輔導室</option>
</select><br/>

<label>隱密性:</label>
<input type="radio" name="secur" value="p">公開</input>
<input type="radio" name="secur" value="s">限會員</input><br/>

<label>公告啟起日:</label>
<input id="start_date">

<label>公告結束日:</label>
<input id="end_date" /><br/>

<label>公告主題:</label>
<input id="txt_title" /><br/>

<label>公告內容:</label>
<textarea id="txt_context" cols="80" rows="5"></textarea><br/>
<hr/>
<input type="submit" value="新增" />
</form>

 


kendoUI_upload元件+PHP存檔範例

學習資源: