HTML~Form語法

表單(Form)內的相關屬性設定：
1.METHOD="GETPOST" :METHOD 屬性主要是用來指出 Form 的傳輸方式，
其值有以下兩個：
GET：使用GET時，會先解碼附於URL後再傳至指定伺服器處理，資料有長度(256字元)限制。
備註：METHOD預設值為GET，一般用於搜索引擎，安全性較高。
POST：採用POST時，可將資料本身成對的可變名稱值，傳入伺服器處理，資料無長度限制。
備註：因為方便，大部份會使用此方法。

2.ACTION="URL"
URL為設定CGI、ASP、PHP..等程式存放的所在目錄位置及檔名(可使用相對或絕對路徑)。
備註：在沒有以上程式可用下，您也可以使用免後端程式Mailto控制標籤暫代(測試)。

3.enctype="data type":data type為資料處理格式，用於送出資料的格式是否需要經過編碼等功能處理，一般可不用加此標籤。
屬性預設值為 enctype="application/x-www-form-urlencoded" (大多被省略掉)。
用於寄信(ACTION="Mailto:")時，屬性值應設為 enctype="text/plain"。
用於上傳檔案(Type="file")時，屬性值應設為 enctype="multipart/form-data"。
表單(Form)...(/Form)

內六個主要控制標籤：

1.輸入表單：INPUT
2.選擇表單：SELECT
3.文字填寫區域：TEXTAREA
4.圖片按鈕：BUTTON
5.表單加上外框：FIELDSET
6.使用免後端程式：MAILTO

INPUT標籤內有 9 個屬性(值)：

⊕.type="值"此屬性值共有 10 種型式，為必須要欄位。
⊕.name="值"此屬性的值為資料欄位名稱(可變數名稱值)，為必須要欄位。
⊕.value="值"此屬性的值為預設字串，如不為空白時，值會在欄位中顯示。
⊕.此屬性的值為欄位寬度，單位字元，內定值為20個字元寬度。
⊕.maxlength="值"此屬性的值為欄位資料輸入最大長度，單位字元。
⊕.checked 加入此屬性時，表示預設某個選項為預定選項。
⊕.readonly 加入此屬性時，表示該欄位只能讀取資料，不能輸入資料(限IE使用)。
⊕.disabled 加入此屬性時，表示該欄位不能被選取或輸入(限IE使用)。
⊕.accesskey 加入此屬性時，表示設定為加(快)速鍵(限IE使用)。
備註：
⊕type及name為INPUT必須要屬性(值)，如果type="Text"時(預設值)，type可以省略，但name還是需要。
⊕INPUT不需結束標籤，後面 3 個(checked...)為 IE Browser 特殊功能。
⊕name在特殊情況下(如使用MAILTO功能時)或程式配合下設定，也可使用中文。
⊕value雖然不是每個INPUT內必要屬性及值，但在使用如Raido、buttom的Type型式時，卻不可省略喔。

TYPE共有 10 種型式：

⊕.Text 此為單行文字填寫型式(預設值)，會產生一行空白欄位，讓訪客可輸入文字等資料。
⊕.PassWord 此為密碼填寫型式，當訪客輸入資料時，會以 **** 顯示。
⊕.Hidden 此為隱藏欄位型式，提供網頁或程式設計者，配合後端程式使用。
⊕.Raido 此為單一的圈選點鈕型式(單選)，其主要功能係供訪客做單一選擇(項)時用。
⊕.CheckBox 此為核取選擇方塊型式(複選)，其主要功能係供訪客做多重選擇時用。
⊕.Submit 此為同意/確認按鈕型式，其主要功能係供訪客送出表單內各欄位內的資料給後端程式處理。
⊕.Reset 此為放棄/清除按鈕型式，其主要功能係供訪客清除(回覆為預設值)表單內各欄位資料。
⊕.buttom 此為通用性按鈕型式，提供網頁或程式設計者，加入前端程式(如JavaScript、VBScript)功能。
⊕.Image 此為圖像型式表單，提供訪客送出表單或影像地圖(現已很少使用)資料的功能。
⊕.File 此為檔案上傳型式，其主要功能係供訪客上傳檔案給版主使用的。
備註：
⊕Type="Raido"時，name內的value值一定要一樣，這樣才能產生單一選項功能。
⊕Type="CheckBox"，若未設value值時，被勾選者會傳回[on]內訂值顯示。
⊕通常為了清楚辨識傳回資料，我們都會將CheckBox內的name值設為一樣，而以value值來區別選項。
⊕Type="Submit"及"Reset"，如未設 value 值時，會以內定值顯示，也就是[送出查詢]及[重設]文字。
⊕一般我們都會自己另訂 Submit 及 Reset 的值，如 value="確定訂購"或"清除內容"，以配合該表單實際狀況需要。
⊕Type="Image"時，因為使用到圖檔語法，所以圖檔所使用的語法(如：Align、Width、height、alt..)都可以套到這上面。
注意：
⊕Type="Submit"及"Reset"時，如前後端程式不需特別指定的話，name值建議省略，否則會傳回這個值喔。
⊕Type="File"時， form內的enctype屬性，記得要設定為multipart/form-data。

另外五個主要控制標籤：

1.選擇表單標籤(SELECT)：可下拉(或多重)選擇式標籤，用於設定窗型欄位，每個選項以來指定他。
內容說明：
⊕Name="資料欄名稱"，傳送資料到伺服器給CGI等程式處理的可變數名稱值。
⊕Size="項目數量"，單位(個/列)，內定為1個列位。
⊕Multiple="允許多重選項"，可按Ctrl及滑鼠左鍵來選擇一個以上項目。
⊕Selected="預設選定值"。
⊕文字2，2表示設定值(value)，可有可無，但後面文字2，不可省略。
⊕可單獨或設個結束標籤。

2.文字填寫區域標籤(TEXTAREA)：
內容說明：
⊕cols="區域的長(寬)度度"，單位字元、rows="區域的高度"，單位列。
⊕Wrap標籤是指輸入文字是否強迫折返。
⊕Wrap="Off" 輸入文字超過長度時，會出現水平捲軸(關閉強迫折返功能)，"ON"為預設值。
⊕Wrap="hard" 輸入文字超過長度時，不會出現水平捲軸，等於Wrap="ON"。
⊕Wrap="Virtual" 輸入文字超過長度時，會自動換行；送出之資料，只有在按Enter鍵處換行。
⊕Wrap="Physical" 輸入文字超過長度時，會自動換行；將依照螢幕所見到的樣式，送出資料。
備註：
⊕無需於區域顯示預定文字，可於中間輸寫文字，就會顯示出來。
注意：
⊕結束標籤不可省略。


3.圖片按鈕標籤(BUTTON)：

說明：
⊕每個按鈕標籤都要用，標籤開始，標籤結束來管制。
⊕因為使用到圖檔語法(img src="")，所以圖檔所有的語法(如：Align、Width、height、alt..)都可以套到這上面。
⊕備註：限IE使用。
注意：這組按鈕標籤與Type="buttom"、Type="Image"的INPUT標籤，有幾分相似，請仔細查看。
4.表單加上外框標籤(FIELDSET)：
內容說明：
⊕每個表單加上外框都要用， 標籤開始，標籤結束來管制。
⊕這是顯示標題內容文字的位置，

內容文字

，也要用到開始及結束標籤。
備註：限IE使用。
5.使用MAILTO標籤：
內容說明：
⊕使用MAILTO標籤，會呼叫Outlook或電腦內預設的郵件軟體，如果訪客未曾設定此軟體，將無法運作。
⊕此處name的值，也可使用中文。
注意：
⊕記得要將mailto:yourname@yourmail.idv.tw，改為您自己的信箱喔。
⊕如果未設METHOD=POST值，其結果將會打開Outlook或電腦內預設的郵件軟體，來傳送空白的郵件喔。
⊕如果enctype值未設為 text/plain ，其結果將以未加編碼的附加檔案(POSTDATA.ATT)方式傳送。
備註：限IE使用。

資料來源:http://home.pchome.com.tw/soho/leeweng/new/02/02.htm

table和form的差別?

今天想來回答一下上次自己所困惑的問題

昨天去實驗室的時候
發現了自己的問題所在
原來table跟form是不一樣的

table(表格)就如同他的名稱一樣 單純的就是製作成表格的樣子

而form(表單)用法就多了
當你需要跟資料庫做互動的時候
這就是一個很重要的語法了
必須要藉由他來跟資料庫跟人們之間做互動

專題進度...part5

這幾天
忙著寫多媒體的作業(用程式寫出圖片縮放功能)
花了兩天時間
今天終於完成了!!
還有計算機組織的考試
計算機網路概論的考試要準備
所以專題目前有點停擺中..(只有看些有關JSP的資料而已)
所以接下來這幾天要把時間分配好
好好的在專題上繼續下功夫!!

專題進度...part4

註冊初稿完成之後
接下來因為我們的資料庫是用jsp所寫的
而組員小柏這幾天也在這方面努力嘗試著
因此今天就去請組員小柏交我一些有關於JSP建資料庫方面的語法
並且準備找一些資料來加強自己在這方面的知能
然後繼續著手在資料庫與網頁方面上的進展

雖然進度很緩慢
但是希望還能繼續持續下去...

加入背景圖問題

在製作註冊頁面跟基本資料頁面的初稿時
本想要在表格後面加個圖片
卻發現圖片始終沒有顯示
後來的解決方法是把border(框架)設為零->這會使表格變成透明話(也就是不顯現)
之後再利用像是在網頁加背景的方式在table後面加background="圖片路徑"
這樣就會顯示出來
至於圖的大小則可以藉著表格設計的大小來修改!!


做完初稿之後
在想著form跟table之間在語法上有什麼差別?

專題進度...part3

******************************************************
這幾天開始著手在專題上面


昨天經過幾個小時


把註冊畫面的初稿給完成了


內容還有很多需要修改的部分


只是先暫時把一些會弄到的項目以及格式給先定下來


之後還會繼續修改讓功能更完整!!


******************************************************
<初稿畫面>






******************************************************
最近心血來潮

所以玩起了改圖


弄了幾天終於成功了!!


把原圖弄得閃閃的


******************************************************

練習用

<原圖>


<修改後>

*******************************************************

專題進度...part2

最近
終於開始動工了
之前真的是太過於懶散了
一直沒進度


這幾天開始下手製作
準備先來把一些基本的網頁架構給弄出來
之後再開始繼續持續進階改善

最近利用一些軟體
如photoshop, GIF Animator,...等軟體來做改圖或製圖的美化功能
還在持續學習活用中
並且繼續把網頁功能做的更好