HTML中的表單

表單結構，文本欄、密碼欄、隱藏欄、複選欄、單選欄、窗體欄位、區塊欄位、按鈕、圖像按鈕、允許上載文件、表單的外框和標題、元件的次序和快捷鍵。

操作方法

（01）表單結構：<form>...</form>屬性                  屬性值name                string（字符串，給這個表單起個名字）method            get/post  （表單的傳輸方式）action               url  （路徑，傳輸目標）

（02）文本欄：<input type="text" >密碼欄：<input type="password" >隱藏性欄位：<input type="hidden" >屬性：name="欄位名稱"value="欄位內定值"size="欄位顯示寬度"maxlength="欄位數據輸入最大長度"placeholder="隱身字"readonly="readonly"（只讀，禁止寫）disabled="disabled"（禁用）

（03）複選框（多選）：<input type=”checkbox”>單選框：<input type="radio">屬性：name=” 欄位名稱”value=”內定值”checked=”checked”（默認選擇）disabled=”disabled ”（禁止選擇）

（04）窗體欄位（下拉菜單）：<select name=”欄位名稱” size=”數字” ><option value="選項值" selected="selected"（默認選擇）><option value="選項值"><option value="選項值"></select>區塊欄位（文本域）：<textarea cols=”設置長度” rows=”設置高度”></textarea>

（05）圖像按鈕：<input type="image" src="url（路徑）" alt="文本"/>按鈕圖像：<button><img src=”URL（路徑）”></button>提交按鈕：<input type=”submit” value=”按鈕中顯示的文字”><button type="submit">...</button>重置按鈕：<input type=”reset” value=”按鈕中顯示的文字”><button type="reset">...</button>普通按鈕：<input type=”button” value=”按鈕中顯示的文字”><button type="button">...</button>

（06）上載文件：<input type="file" name="file">注意:如果定義了上載框form表單必須定義enctype=“multipart/form-data”,否則將接受不到上載的圖片信息

（07）表單加上外框和標題：外邊框:<fieldset>...</fieldset>標題:<legend>...</legend>

特別提示

文本域中的style=&quot;vertical-align:middle;&quot;表示文字居中