《網(wǎng)頁設計》課件-6 HTML表單

HTML表單標簽重點：1、掌握html表單的基本標簽2、掌握表單基本標簽的屬性難點：1、掌握表單基本標簽的屬性2、使用表單元素制作表單3、使用表單元素布局表單表單HTML表單——用于搜集不同類型的用戶輸入表單是一個包含表單元素的區(qū)域表單使用表單標簽<form>定義<form></form>表單元素（表單控件）文本框

text密碼框password單選按鈕radio復選框checkbox普通按鈕button下拉列表select，option文本域textarea提交按鈕submit重置按鈕reset表單元素定義格式<input/><inputtype=“text”name=“username”value=“初始值"maxlength=“20”

/>

input元素的類型。默認值是"text"，表示文本框元素名稱（非常重要，服務器端依據(jù)此名稱取得客戶端表單提交數(shù)據(jù)）初始值最大輸入長度表單<formaction="XXXX"method="get"title="XX"target="_blank">………</form>input標簽屬性屬性說明type指定元素的類型。text、password、checkbox、radio、submit、reset、file、hidden、image和

button，默認為

textname指定表單元素的名稱。value元素的初始值。type為

radio時必須指定一個值size指定表單元素的初始寬度。當

type為text或

password時，表單元素的大小以字符為單位。對于其他類型，寬度以像素為單位maxlengthtype為text或password時，輸入的最大字符數(shù)checkedtype為radio或checkbox時，指定按鈕是否是被選中表單-input標簽-文本框<inputtype="text"name="userName"value="用戶名"size="30"maxlength="20">文本框文本框名稱文本框初始值文本框長度文本框可輸入最大字符表單-input標簽-密碼框<inputtype="password"name="password"size="20">密碼框密碼框的名稱密碼框的長度表單-input標簽-單選按鈕<inputtype="radio"name="sex"value="0"checked="true"/>男<inputtype="radio"name="sex"value="1"/>女表單-input標簽-復選框<inputtype="checkbox"name="like"value="0"checked="true"/>讀書<inputtype="checkbox"name="like"value="1"/>體育<inputtype="checkbox"name="like"value="2"/>旅游必須指定初始值復選框選中狀態(tài)表單-下拉列表<selectname=“國家"size="行數(shù)"><optionvalue=“0”selected=“selected”>中國</option><optionvalue=“1”>美國</option></select>列表框默認選中項指定初始值選項表單-多行文本域<textareaname="showText"cols="x"rows="y">文本內(nèi)容</textarea>多行文本域顯示的列數(shù)顯示的行數(shù)表單-input標簽-按鈕<input

type="button"value="這是一個普通按鈕"

/>普通按鈕表單-input標簽-提交按鈕將表單全部內(nèi)容，提交給action屬性指定的服務器一個表單通常都應該有一個提交按鈕<inputtype="submit"value="提交"/>表單-input標簽-圖片提交按鈕<inputtype=“image”src=“image/submit.JPG”value=“提交”/>表單-input標簽-重置按鈕將表單重新設置為初始狀態(tài)<input

type="reset"value="重置"/>默認也顯示重置表單-隱藏域<inputtype=“hidden”name=“userid

“

value=“0">隱藏域在頁面上不顯示。通常用于提交非用戶輸入數(shù)據(jù)必須指定初始值表單-只讀和禁用<inputtype="text"name="name"value="張三"readonly="readonly"><inputtype="submit"disabled="disabled"value="保存">只讀文本框禁用Value用法value屬性為input元素規(guī)定值。對于不同類型的input元素，value屬性的用法也不同：對于"button","reset","submit"類型-定義按鈕上的文本對于"text","password","hidden"類型-定義輸入字段的初始（默認）值對于"checkbox","radio","image"類型-定義與input元素相關的值。該值會發(fā)送到表單的actionURL。注釋：value屬性對于<inputtype="checkbox">和<inputtype="radio">是必需的。注釋：value屬性不適用于<inputtype="file">。屬性值為布爾類型的屬性總結(jié)checked、selected、readonly、disabled等這些屬性的值都為布爾類型。三種寫法checked="true"checked="checked"checked再介紹一個noshade屬性：<hr

noshade="noshade"/>noshade

屬性規(guī)定水平線的顏色呈現(xiàn)為純色，而不是有