星期日, 7月 01, 2012

PhoneGap 教學 - 文字框加法運算 (Android)

Photobucket

今天我們來透過一個簡單的範例,來學習如何使用表單文字框(Text)。


  • 宣告標籤(Label)方式:


說明:
宣告一個Label標籤,for代表是誰的標籤,
這樣畫面即會出現一個「A:」的標籤文字。




  • 宣告文字框(Text)方式:


說明:
宣告一個input標籤,type(型態)設定為Text
這樣畫面即會出現一個文字方框。



  • 宣告按鈕(Button)方式:

     
說明:
宣告一個input標籤,type(型態)設定為button
這樣畫面即會出現一個按鈕。


這一次範例,我們設計了兩個文字方框,分別代表A與B變數,
當我們按下計算按鈕後,則會將這兩個文字方框的數字做相加。
PS.本範例為了容易上手,並未有防呆設計。


範例畫面:
Photobucket

而當我們按下button按鈕時,我們需要去觸發計算函式:
Photobucket

所以,以此類推,觸類旁通,

可以試著將此例子改寫為BMI (計算標準體重)的程式,

BMI 計算公式:「BMI = 體重 (kg) / 身高 (m2)」

或增加一些防呆的設計,如:當未輸入任何數字時,

秀出未填之訊息...等相關功能。


範例程式碼下載: 



相關文章:
jQuery 教學目錄

2 則留言 :

  1. 請問一下,此功能是不是只能在首頁才會work,
    我測試的方式是,首頁是目錄,進入下一頁才是〔文字框加法運算〕的功能,但是換頁後不會alert,好像是jquery沒有作用,這是何解呢?

    回覆刪除
  2. 我是用你上一篇[使用按鈕來切換頁面]來實作換頁的,
    而我用web ap 測換頁時,發現換頁後的url 會變[http://localhost:8080/Html5/index.html#/Html5/1.html],
    這時jquery就不會動了,
    但是把url 換成[http://localhost:8080/Html5/1.html],
    jquery就會動了,請問這是什麼原因?

    回覆刪除

回覆意見時,麻煩輸入一下暱稱
(隨便取個名字也好~ ^_^)
好讓我方便回覆您的問題,
選擇「名稱/網址」輸入您的暱稱,
麻煩一下,謝謝大家。

關閉廣告 [X]