腦爸打 CompBrother

 腦爸打 CompBrother : jQuery Mobile Forms 總結小技巧 小知識教學類型: 手機應用程式開發 Form表單在html中是極為常見亦極為重要的一課，用於程式用戶前端與後端之間的一個接駁門口，也常配合於數據庫的應用。在Jquery Mobile手機應用編程中，概念亦與傳統的html差不多。在過往多篇jQuery Mobile Forms文章小教學中，我們從基礎、到input選項和 Select等，深入淺出地了解jQuery Mobile Forms的語法和編程細項，簡單回顧一下: 常用的Jquery Mobile Form elements 如下: Text Inputs Search Inputs Radio Buttons Checkboxes Select Menus Sliders Flip Toggle Switches 常用的 jQuery Mobile Form input: Text: 輸入較少字數的文字串或數字串 Textarea : 輸入較長字數的文字串或數字串，通常用於段落或文章的輸入 Search : HTML5 的新輸入選項，用於文字或數字的搜尋 Radio Buttons : 類似multiple choices的選擇題 Checkboxes : 勾選選項，例如常見於勾選接受條款等等 最後我們也探討了jQuery Mobile Form Select、jQuery Mobile Form Sliders和jQuery Mobile Form - Flip Toggle Switch，希望能夠讓大家在手機應用程式Apps的設計和製作，給予一實用的參考。 https://www.compbrother.com/article/view.php?article_id=75 ...

 腦爸打 CompBrother : jQuery Mobile Form - Flip Toggle Switch 小知識教學類型: 手機應用程式開發 在html form 表單中，網頁程式編寫員常會用到checkbox 供用戶勾選一些抉擇決定，例如常見有已閱讀服務條款等等。jQuery Mobile Form 亦有著類同的概念，名為 Flip Toggle Switch，相關語法如下: input type="checkbox" data-role="flipswitch" flip switch本身 by default是 "On" 和 "Off"，程式編寫員可以透過 data-on-text 和 data-off-text 去自行定義 flip switch的相關值。 同理地，像html form 表單一樣，可以透過 "checked" attribute 去預設flip switch的值選擇，但當然，用戶仍是人手可以在jQuery Mobile Form表單輸入時再次修改。 https://www.compbrother.com/article/view.php?article_id=74 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 ! #腦爸打  #手機應用程式開發 #iphoneApps開發 #AndroidApps開發 #Compbrother #HybridApps #JqueryMobile

 腦爸打 CompBrother : jQuery Mobile Form Sliders 小教學參考 小知識教學類型: 手機應用程式開發 在 Form 表單輸入的選項中，jQuery Mobile提供了很多適合手機應用程式Apps介面的 controls，jQuery Mobile Form Sliders就提供了一個可從指定數值範圍中選取某個數值的便利選擇，用戶只需用簡單左右拉扯的方法，便可選取目標的輸入數值: input type="range", attributes選項包括: max - 範圍中最大的值 (e.g. 100) min - 範圍中最細的值 (e.g. 0) step - 數值中的移動間隔 (e.g. 1) value - 起始時的數值 (e.g. 50) 若想從jQuery Mobile Form Sliders展示當刻的選取數值，可以使用data-show-value="true"。其它可控制的事項還包括有 data-popup-enabled 和 data-highlight。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 ! https://www.compbrother.com/article/view.php?article_id=73

 腦爸打 Compbrother : JavaScript Events小教學參考 小知識教學類型: 網頁設計、網站製作 網站html中，經常都會有不同的事件(Event)會發生，例如某個按紐被按了? 某個輸入格中的值有所變動了? 當這些事件(Event)發生時或發生後，可能網頁程式員都會想因應這些事件(Event)而作出一些反應，這時JavaScript Events就可以大派用場了! 例子: button onclick="this.innerHTML = Date()" 可查看現在的時間是? 另外其它常見的html events 還包括: onchange: HTML element有所改變? onclick: 用戶曾按某HTML element? onmouseover: 用戶的滑鼠曾指向某HTML element? onmouseout: 用戶的滑鼠曾離開某HTML element? onkeydown: 用戶曾按下鍵盤中的鍵? onload: 當瀏覽器已運載完某頁面? 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 ! https://www.compbrother.com/article/view.php?article_id=72

 腦爸打 Compbrother : JavaScript Objects小教學參考 小知識教學類型: 網頁設計、網站製作 Objects可簡單理解為是變數variable的一種，但這個變數variable可以同時包含著多個值，甚至不同類型的值也可以，例如: const house = {type:"rent", price:"500", color:"white"}; 以上例子的type, price 和 color我們可以稱為Object Properties，這是Property name，當中的值是Property Value。若想取得Object中的值，可用以下兩個常用的方法: objectName.propertyName (e.g. house.price) objectName["propertyName"] (e.g. house["price"]) 更特別的是，之前我們曾探討過JavaScript Functions，而JavaScript Objects中的值，亦可以JavaScript Functions來定義及甚至運算出來。 https://www.compbrother.com/article/view.php?article_id=71 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !

 腦爸打 : JavaScript Functions小教學參考 小知識教學類型: 網頁設計、網站製作 JavaScript Functions可以把網站程式變得更具「功能性」，網頁程式編寫員可以藉JavaScript Functions把網站程式從各種功能中區隔，同時讓程式顯得更清晰之餘，也可以讓網頁程式編寫員重覆使用某些功能或運算。 function name(parameter1, parameter2, parameter3) { // programming code } name定義function的名稱， ()當中裝著承載的parameters，可支援多個且不同類型的參數parameters。 {}包著的就是此function實質執行的程式段。 function可以被呼喚，完成程式段的執行後，可以return一個值到呼喚者身上，例如: let abc = xyzFunction(1, 2); function xyzFunction(x, y) { return x * y; } 可見JavaScript Functions運用得宜，是相當實用的網頁設計和製作工具! 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 ! https://www.compbrother.com/article/view.php?article_id=70

 腦爸打 Compbrother : jQuery Mobile Form Select 小參考教學 小知識教學類型: 手機應用程式開發 前文我們簡介了jQuery Mobile Form表單的種種宏觀作用，亦簡介了如 Text, Textarea, Radio Buttons, Checkboxes 等常用的jQuery Mobile Form Input，對於手機應用程式apps編寫員也很易便能上手，今文我們特別談談另一很常用的 jQuery Mobile Form Select 選單 (Menu)。 像其它jQuery Mobile Form Input elements一樣，Form表單中可以包含fieldset用作區隔及css外觀上的優化，而選單 (Menu)顧名思義就可以包含多個選項option，與傳統的html form類同，選項option中的值也是以value來定義。 特別一提，因為選項option可以非常之多，那會造成使用者從一眾無數選項中去查找，這會讓用家或甚至手機應用程式apps編寫員也十分混亂，所以選單 (Menu)可以使用optgroup來把選項option分類，例如同是生果的可以一類，同是動物的可以是另一類。 iphone和Android都有jQuery Mobile Form Select原設(default)的顯示樣式，手機應用程式apps編寫員可藉著data-native-menu="false"來自定兩邊一致的顯示樣式。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

 腦爸打 : Jquery Mobile Form (基礎篇) 小知識教學類型: 手機應用程式開發 Form表單在html中是極為常見亦極為重要的一課，用於程式用戶前端與後端之間的一個接駁門口，也常配合於數據庫的應用。在Jquery Mobile手機應用編程中，概念亦與傳統的html差不多。 Jquery Mobile Form表單的建設也是靠form標籤，當中亦有method (e.g. post) 和控制接收表單資料的目標頁面action。Jquery Mobile Form表單中的每個Element需要有一label及獨一id名稱作界分。 常用的Jquery Mobile Form elements 如下: Text Inputs Search Inputs Radio Buttons Checkboxes Select Menus Sliders Flip Toggle Switches 每個Jquery Mobile Form element其功用及使用方法，我們在後文會再作詳述。而Jquery Mobile Form表單中的按紐button，亦是html常用的 button(一般按紐)、reset(重置按紐)和submit(送出按紐)。Jquery Mobile Form表單按紐button，亦可以透過data-*來加強外觀感和強化按紐button位置控制: data-corners: 按紐button是否圓邊效果? data-icon : 按紐button的icon? data-iconpos : 按紐button的icon位置? data-shadow : 按紐button是否有陰影效果? data-mini : 按紐button是否微型? ...

 腦爸打 Compbrother : jQuery Mobile Form Input 小參考教學 小知識教學類型: 手機應用程式開發 前文我們簡介了jQuery Mobile Form表單的種種宏觀作用，今次我們看看表單中可用的jQuery Mobile Form Input輸入選項，大體上與傳統的html form類同，所以手機應用程式apps編寫員也很易便能上手，例如: Text: 輸入較少字數的文字串或數字串 Textarea : 輸入較長字數的文字串或數字串，通常用於段落或文章的輸入 Search : HTML5 的新輸入選項，用於文字或數字的搜尋 Radio Buttons : 類似multiple choices的選擇題 Checkboxes : 勾選選項，例如常見於勾選接受條款等等 手機應用程式apps編寫員可因應表單的需求或數據庫的設計，來編寫合適的jQuery Mobile Form Input elements。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !