HTML(2)

標籤：工作   驗證   ext   查詢   處理   沒有   checked   檔案   常用   

• 字元集　　

      為什麼要有字元集，是因為電腦只能處理位元據，為了讓電腦能夠識別人類的語言(0-9、a-z、A-Z、特殊符號)，我們就需要對每一個字元進行"編碼"

所謂"編碼"就是：每一個字元用不同的位元表示；                      

　　ASCLL編碼：用一個位元組(8位二進位)來表示字元，共可以顯示256

　　ANSI編碼：　ASCLL編碼的擴充  用於顯示本國的語言  

　　　　　　　　　　　　在中文作業系統　　gb2312  用兩個位元組(16個二進位) ，共可以表示2^16個字元

　　　　　　　　　　　　繁體作業系統　　　big5　

　　GBK編碼： 對gb2312進行擴充，收錄了一些冷門字，罕見字，古漢語.......

　　Unicode編碼：計劃將世界所有字元收錄，用4個位元組(32位二進位)表示一個字元

　　UTF-8編碼：(多國語言編碼)　　不同的字元，會自動選擇合適的編碼來進行翻譯

 

• Meta標籤

　　描述網頁文件屬性

　　　　http-equiv  類比的是http檔案頭資訊，當內容從伺服器端發送給用戶端，告訴瀏覽器如何正確顯示網頁資訊

　　　　　　　　字元集:　　<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>　多國語言　　

　　　　　　　　網頁自動重新整理:　　<meta http-equiv="refresh" content="4"/> 間隔4秒網頁自動重新整理

　　　　　　　　　　　　　　　　<meta http-equiv="refresh"  content="5;http://www.baidu.com"/> 等待5秒自動跳轉到百度頁面

　　　　　　　　Name(設定網頁的關鍵字，描述資訊等):　<meta name="keywords" content="關鍵字"> 便於搜尋引擎的需要

　　　　　　　　　　　　　　　　　　　　　　　　　　　<meta name="description" content="網站的描述資訊"> 便於搜尋引擎的需要

　　　　　　　　　　　　　　　　　　　　　　　　　　　<meta name="author" content="網站作者">

• 表單　　　　　

 　可以擷取用戶端的資訊(資料)，表單有各種各樣的控制項，輸入框、複選框、按鈕等等　

　　表單的功能：　互動功能

　　表單的工作原理：

　　　　　　　　　　瀏覽有表單的頁面，填寫必要的資訊，然後單擊某個提交按鈕；　　

　　　　　　　　　　對錶單中的資料進行驗證，如果不符合制定的要求，提示驗證未通過，

　　　　　　　　　　　　　　　　　　　　　　如果符合相應的要求，把資料提交到伺服器端，資料放入資料庫中　

　　　　　　　　　　　　　

　　表單分為前台的製作頁面，後台php對資料的處理，資料的增加、刪除、修改、查詢等

 

表單的結構 

　　<form 屬性="屬性值">

　　　　　　　　控制項

　　</form>

表單的屬性

　　表單的識別名稱　　name　 　<form name="自訂名稱"></form>　　一個頁面有多處表單時，通過表單名區分你提交的是哪一個表單的資料

　　提交頁面　　　　　action　　<form action="XXX.php"></form>　　將資料提交到資料處理程式　　值為空白時，提交到當前頁面

　　提交方法　　　　　method　<form method=""></form>　　  傳遞資料的方法  取值有  get  和   post  　　　　　　　　　　　　　　　　　　　　　　　　　　　                    

　　　　　　　get方法　　預設的一種資料傳遞方法                                                                                                          　　　　　　　　　　　　

　　　　　　　　　　　　  通過地址欄來傳遞表單中的資料(安全性不高)　　　　　　　　　　　　　　　　　　　　

　　　　　　　　特點：  　 不能傳遞敏感的資料  密碼之類的

　　　　　　　　　　　　　不能傳遞大量的資料，每次只能傳遞1024個位元組

　　　　　　　　　　　　　不能傳遞附件　　　　　　　　　　　　　　　　　

　　　　　　　post方法　  不通過地址欄傳遞資訊，直接傳給幕後處理程式(相對安全)　

　　　　　　　　　　　　　可以傳遞海量資料　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　可以傳遞附件　　　　　　　　　

• 控制項

　　單行文字框(單標籤，行內標籤)

　　　　文法　　<input type="text"　　/>

　　　　屬性　　name="自訂名稱"　　　單行文字框的識別名稱，把輸入框中的資料，提交到檔案的處理常式　

　　　　　　　　size="數值"  　　　　　　 輸入框的寬度，以字元為單位

　　　　　　　　maxlength="數值"　  　　最多允許輸入的字元數

　　　　　　　　value="內容"　　　　　　 設定輸入框的初始值，在輸入框中預設的資料資訊   　　

　　密碼框

　　　　文法　　<input 　type="password"　　/>

　　　　屬性　　 name　　　　　　　　　　　　 密碼框的識別名稱

　　　　　　　　 size　　　　　　　　  　　　　 密碼框的寬度，以字元為單位

　　　　　　　　 maxlength　　　　　 　　　　 允許輸入的最大字元數

　　　　　　　　 value　　　　　　　　　　　　 初始值  

　　　　　　　　 readonly="readonly"　　　　  唯讀屬性，只能選中，不能修改(不常用)

　　　　　　　　 disabled　　　　　　　　　　　禁止屬性，不可選中，不可更改　 　　　　　

　　選項按鈕

　　　　文法　　<input type="radio"      />

　　　　屬性　　name 　　　　　　    選項按鈕組的識別名稱

　　　　　　　　value　　　　　　     設定初始值

　　複選框

   　　文法　　<input type="checkbox"　　/>

　　　屬性　　name　　　　　　　　多選按鈕組的識別名稱

　　　　　　　value　　　　　　　　設定每一項的初始值

　　　　　　　checked　　　　　　  預設被選中

　　多行文字框

　　　文法　　　<textarea></textarea>　

　　　屬性　　　　name  　　　　　　     多行文字框的識別名稱

　　　　　　　　　value　　　　　　　    不要出現value，如果要顯示預設資訊，在<textarea></textarea>直接輸入

　　　　　　　　　rows　　　　　　　     顯示多少行內容

　　　　　　　　　cols　　　　　　　      一行顯示多少個字元　　

　　下拉式清單

　　　　文法　　<select>

　　　　　　　　　　<option>給客戶顯示的資訊</option>

　　　　　　　　　　<option>給客戶顯示的資訊</option>

　　　　　　　　　　　.......

　　　　　　　　</select>     

　　　　屬性　　　　name　　　　下拉式清單的識別名稱

　　　　　　　　　　value　　　　代表每一項的初始值

　　隱藏欄位　　　　　　隱藏起來不是給客戶看，是給程式用的

　　　　文法　　　　<input type="hidden" name="自定名稱"    />   通常不設定value　　　

　　檔案域

　　　　文法　　　　<input  type="file"   />

　　　　屬性　　　　name　　　　檔案域的識別名稱

　　　　　　　　　　value　　　　不寫value，而是通過單擊按鈕來選擇檔案，選擇的檔案就是value值

　　　　　　　　　　　　　　　　　value是唯讀屬性

　　按鈕

　　　　提交按鈕　　<input type="submit"   value="按鈕上的文字"/>

　　　　圖片按鈕(屬於提交按鈕的一種)　　　<input type="image" src="圖片的地址" />

　　　　重設按鈕　　<input type="reset"　   value="按鈕上的文字"/>    恢複到預設設定的狀態

　　　　普通按鈕　　<input type="button"　　value="按鈕上的文字"/>  本身沒有任何功能，必須結合程式構成功能

 

 

• Xhtml(可擴充的超文字標記語言 (HTML))---取代 html(pc機)---面向當今的移動端裝置

　　　文法(xhtml的文法比html嚴格)　　　　　　

　　　　　　xhtml輸入的標籤和屬性必須是小寫

　　　　　　xhtml單標籤後必須加  /

　　　　　　xhtml屬性必須用雙引號　　

　　　　　　xhtml必須有DTD(文件類型定義)

　　DTD(document  type  definition)文件類型定義，是一種驗證機制，檢驗輸入的xhtml是否符合規範

  　　　　DTD的分類

　　　　　　　　過渡型xhtml-transitional： 允許使用表現的標籤和屬性  　　如<b>  <u>  <i>　　　　　　　　　　

　　　　　　　　嚴格型xhtml-strict：   不允許使用表現的標籤和屬性   必須使用css來實現　　　　　　　　　　　　　　　　　　　　　　　　

　　　　　　　　架構型xhtml-frameset：　給架構用　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

 

HTML(2)