2026年5月30日 星期六

DW_PHP_AJAX_CH4 PHP對資料的接收與輸出_(1)表單資料的讀取_自查詢字串取得資料

表單「Form」是資料傳遞的一個重要工具, 它提供了必要的輸入介面讓使用者輸入資料, 並將這些輸入的資料提交給PHP程式作後續的處理, 而接收表單所傳遞的資料則可直接當成變數來處理。

 [自查詢字串取得資料] 

一個簡單的姓名、電子信箱,兩個欄位資料傳送的表單（getForm.htm）為例, 表單資料將交由getForm.php的PHP程式處理, 並以GET方式傳送表單資料。 

<body>
<form id="form1" name="form1" method="GET" action="easyHtml.php">
<label for="aName">姓名：</label>
<input type="text" name="aName" id="aName" />
<br />
<label for="email">信箱：</label>
<input type="text" name="email" id="email" />
<br />
<input type="submit" name="button" id="button" value="送出" />
</form>
</body>


閱讀更多 »
於 沒有留言:
標籤： ,

2026年5月4日 星期一

DW_PHP_AJAX_CH3 表單的設計與規劃_(4)使用Spry元件驗證欄位_下

[驗證Email格式]

希望使用者留下聯絡的電子信箱, 卻擔心使用者填寫了錯誤格式的郵件地址, 別擔心, 「Spry驗證文字欄位」也具由電子信箱、身分證字號…等具有特定格式的資料驗證功能。

1. 點選「信箱」文字欄位, 然後按下工具列【Spry】頁籤中的「Spry驗證文字欄位」工具按鈕, 加入Spry文字欄位。
2. 加入Spry文字欄位後, 屬性面板將顯示對應的Spry驗證文字欄位屬性, 選定「類型」為『電子郵件地址』, 若要執行即時驗證（資料輸入後,表單資料送出前）, 請同時核取「驗證於」欄位的『onBlur』項目, 最後修改執行驗證不通過時的提示訊息。

閱讀更多 »
於 沒有留言:
標籤： ,

2026年4月10日 星期五

DW_PHP_AJAX_CH3 表單的設計與規劃_(4)使用Spry元件驗證欄位_上

Spry元件是一種頁面元素, 透過Spry元件可使頁面與使用者產生互動, 提供更友善的使用者經驗。

Spry元件包含下列部分：

  • 結構：HTML程式碼區塊, 用來定義元件的結構成份。
  • 行為：JavaScript, 用來控制元件要以何種方式回應由使用者起始的事件。
  • 樣式：CSS, 用來指定元件的外觀。


Spry元件依其功能可分為三部分：

  • AJAX動態資料：從資料來源(例如XML檔或HTML檔)取得解析與存放資料, 並以動態方式設定網頁頁面中特定區域的內容。
  • 互動特效介面：包含「選單列」、「標籤面板」、「摺疊面板」、「可收合面板」、「工具提示」等, 可製作濾鏡與動態效果的各式選單。
  • 表單欄位驗證：用於驗證表單中的欄位是否填入資料, 以及驗證填入的欄位資料格式是否正確。

閱讀更多 »
於 沒有留言:
標籤： ,
訂閱： 文章 (Atom)
  • OpenOffice.org 自由學習趣：Part2Calc4_圖表
    版權宣告 【數位書香網站】之所有著作、視聽內容及資料以及網站畫面資料之安排，其著作權、專利權、商標、營業秘密及其他智慧財產權，均為【昱得資訊工作室】之合法權利人所有，除事先經【昱得資訊工作室】或其權利人之合法授權，任何人皆不得擅...
  • (17)網頁物件 上篇
    網頁物件：document，document物件我們之前已經用過了喔！還記得我們要將資料輸出到網頁上時，使用了write()方法，這個write()方法就是屬於document物件的！ 其實，document物件是指：顯示於瀏覽器視窗中的網頁文件，舉凡與網頁相關的設定項目，都是...
  • DW_PHP_AJAX_CH3 表單的設計與規劃_(2)實作表單_布置選項按鈕
    選項按鈕（Radio）適用於多備選案答案且單一答案選取的場合, 如同單選的選擇題，例如血型、性別…等。 1. 在「分割」編輯模式下, 將游標置於表單範圍內的文字欄位「Email」後方, 按下Shift+Enter鍵進行斷行。 2. 按下工具列上的標籤工具按鈕, 此時原始...
  • DW_PHP_AJAX_CH2 PHP語言入門_(2)變數、符號與陣列_陣列
    [陣列]   什麼叫陣列（Array）？陣列就是一個集合變數, 陣列就如變數一般, 可用來儲存資料, 一般的變數只能存放一筆資料, 而陣列則可以存放多筆資料, 簡言之, 陣列就一群資料型態相同的變數集合。 陣列是一群變數的集合, 不妨將陣列想像成一間旅館, 旅館內會有很多房...
  • DW_PHP_AJAX_CH1_設計與開發環境的架設_(3)在Dreamweave中應用資料庫
    在Dreamweaver的強大功能支援下, 要連結資料庫、取得資料紀錄, 完全不須撰寫程式碼, 透過Dreamweaver的圖形化介面輸入幾個必要資訊（例如資料庫使用者帳號與密碼）就可完成。 [連結資料庫] 1. 開啟我們已經訂義好的網站『MyPHP』, 在【檔案】面板...
  • 銀髮族的快樂電腦時間：CH4 EXCEL 圖表製作
    版權宣告 【數位書香網站】之所有著作、視聽內容及資料以及網站畫面資料之安排，其著作權、專利權、商標、營業秘密及其他智慧財產權，均為【昱得資訊工作室】之合法權利人所有，除事先經【昱得資訊工作室】或其權利人之合法授權，任何人皆不得擅自以任何形式複製、改作、...
  • (04)JavaScript 條件判斷敘述if
    條件判斷敘述if if判斷敘述是我們最常用來讓程式轉彎的判斷敘述，它的通用格式是： If  (條件式)  {      程式敘述 } 它的意義是：如果『條件式』成立（評估值為True），就執行大括號『｛｝』之間的程式敘述，不然的話就跳過大括號『｛｝』之間的...