表單元素

表單不是表格。

用戶可以在其中提供一定的數(shù)據(jù)或信息或選項(xiàng)的一些html元素。表單通常有一個(gè)“提交”按鈕,然后可以將這些數(shù)據(jù)據(jù)/信息/選項(xiàng)提供給服務(wù)器上的程序使用——數(shù)據(jù)處理。

——表單的核心是數(shù)據(jù)。

表單標(biāo)簽的構(gòu)成和形式:

第一個(gè)表單項(xiàng)

第二個(gè)表單項(xiàng)...

表單項(xiàng)列舉

單行文本框:

其他屬性:

value:設(shè)定其中的初始文字

size:設(shè)置其輸入框的寬度(單位是“字符寬”)——其中能放置該數(shù)量的字符

maxlength:設(shè)置該輸入框最多能輸入的字符個(gè)數(shù)

readonly:這是一個(gè)“無值”屬性,表示“只讀”,則寫法是:readonly=”readonly”

disable:設(shè)置該輸入框“無效”,即數(shù)據(jù)無效。

密碼框:

其他屬性:

value:設(shè)定其中的初始文字

size:設(shè)置其輸入框的寬度(單位是“字符寬”)——其中能放置該數(shù)量的字符

maxlength:設(shè)置該輸入框最多能輸入的字符個(gè)數(shù)

單選項(xiàng):

說明:?jiǎn)芜x項(xiàng)通常必須有value值;

其他屬性:

checked:表示該選項(xiàng)默認(rèn)是選中的狀態(tài)。也是一個(gè)“無值屬性”

name特別說明:一組的單選項(xiàng)要求name值必須相同。

多選項(xiàng):

說明:多選項(xiàng)通常必須有value值;

其他屬性:

checked:表示該選項(xiàng)默認(rèn)是選中的狀態(tài)。也是一個(gè)“無值屬性”

提交按鈕:

說明:點(diǎn)擊提交按鈕,則表單就會(huì)“被提交”,即數(shù)據(jù)會(huì)傳入到表單的action所設(shè)定的文件中去。

圖片按鈕:

說明:圖片按鈕的功能其實(shí)也是“提交”,但其顯示出來的效果是一張圖片——這樣有利于美化頁面。

重置按鈕:

說明:會(huì)將表單的所有用戶填寫或選擇的數(shù)據(jù)恢復(fù)到初始狀態(tài)

普通按鈕:

說明:對(duì)表單沒有影響,但可以從中產(chǎn)生“動(dòng)作”以實(shí)現(xiàn)其他要求(js程序)

文件域:

說明:可以讓用戶選擇本地的文件(并發(fā)送到服務(wù)器)——文件也是數(shù)據(jù)。

隱藏域:

說明:界面上不可見,但是作為一份“隱藏的數(shù)據(jù)”提交給服務(wù)器——編程所需。

下拉選擇:使用select和option標(biāo)簽配合實(shí)現(xiàn)。但要把此當(dāng)作“一個(gè)表單項(xiàng)”

文字1

文字2

文字3

………………….

說明:

option標(biāo)簽上可以使用selected屬性,表明該select元素的默認(rèn)選中的項(xiàng)(默認(rèn)是第一項(xiàng)被選中)。

select標(biāo)簽上可以使用multiple屬性,使該select元素可以“選擇多項(xiàng)”(即默認(rèn)只能選一個(gè))

多行選項(xiàng)(也叫列表選項(xiàng)):多行選項(xiàng)其實(shí)只是下拉選擇的一種“變形”——設(shè)置其size值大于等于就會(huì)成多行。

文字1

文字2

文字3

………………….

多行文本框:

說明:

rows設(shè)定的行數(shù)是一個(gè)數(shù)字,表示該多行文本框可以顯示的文字的行數(shù)

cols設(shè)定的列數(shù)是一個(gè)數(shù)字,表示該多行文本框可以顯示的一行文字中個(gè)數(shù)

此標(biāo)簽沒有value屬性。但其實(shí)際的“值”是放在此標(biāo)簽中間的所有內(nèi)容。

注意:表單項(xiàng)都必須有name屬性,以表明其“名字”——服務(wù)器取其中的數(shù)據(jù)就是憑此名字。

將文字和選項(xiàng)綁為一體 ?<label>..........</label>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容