1.表單標(biāo)簽的構(gòu)成和形式:(表單不是表格)
例如:一個(gè)登錄頁(yè)面就是一個(gè)表單.
用戶可以在其中提供一些數(shù)據(jù)漾根、信息或選項(xiàng)厚宰。通常有一個(gè)提交按鈕腌巾∷焯睿————數(shù)據(jù)處理。
表單的核心是數(shù)據(jù)澈蝙。
method=”post”>
<from action="將表單中的數(shù)據(jù)提交給的對(duì)象(是一個(gè)php文件名而已) method=”post">
第一個(gè)表單項(xiàng)
第二個(gè)表單項(xiàng)
吓坚。。灯荧。礁击。。逗载。哆窿。
</form>
單行文本框:<input type=”text” name=”n1” />
其他屬性:
value:設(shè)定其中的初始文字
size:設(shè)置其輸入框的寬度(單位是“字符寬”)——其中能放置該數(shù)量的字符
maxlength:設(shè)置該輸入框最多能輸入的字符個(gè)數(shù)
readonly:這是一個(gè)“無(wú)值”屬性,表示“只讀”厉斟,則寫法是:readonly=”readonly”
disable: 設(shè)置該輸入框“無(wú)效”更耻,即數(shù)據(jù)無(wú)效。
用戶名:<input type="text" name="userName" />
密碼框:<input type=”password” name=”n2” />*單選項(xiàng):<input type=”radio” name=”n3” value=”某個(gè)值” />
說(shuō)明:?jiǎn)芜x項(xiàng)通常必須有value值捏膨;
其他屬性:
checked: 表示該選項(xiàng)默認(rèn)是選中的狀態(tài)秧均。也是一個(gè)“無(wú)值屬性”
name特別說(shuō)明:一組的單選項(xiàng)要求name值必須相同。
*多選項(xiàng):<input type=”checkbox” name=”n4” value=”某值” />
說(shuō)明:多選項(xiàng)通常必須有value值号涯;
其他屬性:
checked: 表示該選項(xiàng)默認(rèn)是選中的狀態(tài)目胡。也是一個(gè)“無(wú)值屬性”
提交按鈕:<input type=”submit” name=”n5” value=”提交文字” />
說(shuō)明:點(diǎn)擊提交按鈕,則表單就會(huì)“被提交”链快,即數(shù)據(jù)會(huì)傳入到表單的action所設(shè)定的文件中去誉己。
圖片按鈕:<input type=”image” name=”n6” src=”圖片地址” />
說(shuō)明:圖片按鈕的功能其實(shí)也是“提交”,但其顯示出來(lái)的效果是一張圖片——這樣有利于美化頁(yè)面域蜗。
重置按鈕:<input type=”reset” name=”n7” value=”重置文字” />
說(shuō)明:會(huì)將表單的所有用戶填寫或選擇的數(shù)據(jù)恢復(fù)到初始狀態(tài)
普通按鈕:<input type=”button” name=”n8” value=”文字” />
說(shuō)明:對(duì)表單沒(méi)有影響巨双,但可以從中產(chǎn)生“動(dòng)作”以實(shí)現(xiàn)其他要求(js程序)
*文件域:<input type=”file” name=”n9” />
說(shuō)明:可以讓用戶選擇本地的文件(并發(fā)送到服務(wù)器)——文件也是數(shù)據(jù)。
隱藏域:<input type=”hidden” name=”n10” />
說(shuō)明:界面上不可見(jiàn)霉祸,但是作為一份“隱藏的數(shù)據(jù)”提交給服務(wù)器——編程所需筑累。-
下拉選項(xiàng):使用select和option標(biāo)簽配合實(shí)現(xiàn)。但要把此當(dāng)作“一個(gè)表單項(xiàng)”
<select name=”n11” multiple=” multiple” >
<option value=”1” >文字1</option>
<option value=”2” selected=”selected” >文字2</option>
<option value=”3” >文字3</option>
………………….
</select>
多行選項(xiàng)(也叫列表選項(xiàng)):多行選項(xiàng)其實(shí)只是下拉選擇的一種“變形”——設(shè)置其size值大于等于就會(huì)成多行丝蹭。
<select name=”n12” size=”4”>
<option value=”1” >文字1</option>
<option value=”2” >文字2</option>
<option value=”3” >文字3</option>
………………….
value:例如用戶框里的請(qǐng)輸入用戶名慢宗。</select>