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

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

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

/>

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

button，默認(rèn)為

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

radio時(shí)必須指定一個(gè)值size指定表單元素的初始寬度。當(dāng)

type為text或

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

type="button"value="這是一個(gè)普通按鈕"

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

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

“

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

noshade="noshade"/>noshade

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