HTML之表單的基本知識

1、html之表單的基本知識為什么需要表單用法表單目的是為了收集用戶信息。在我們網(wǎng)頁中， 我們也需要跟用戶舉行交互，收集用戶資料，此時就需要表單。表單標(biāo)簽在 html 中，一個完整的表單通常由表單域、表單控件（也稱為表單元素）和 提醒信息3個部分構(gòu)成。表單域表單域是一個包含表單元素的區(qū)域。在 html 標(biāo)簽中， 標(biāo)簽用于定義表單域，以實(shí)現(xiàn)用戶信息的收集和傳遞。 會把它范圍內(nèi)的表單元素信息提交給服務(wù)器。表單控件（表單元素）在表單域中可以定義各種表單元素，這些表單元素就是允許用戶在表單中輸入或者挑選的內(nèi)容控件。接下來我們講解：1、 input輸入表單元素2、select下拉表單元素3、textarea

2、 文本域元素在英文單詞中，input 是輸入的意思，而在表單元素中 標(biāo)簽用于收集用戶信息。在 標(biāo)簽中，包含一個 type 屬性，按照不同的 type 屬性值，輸入字段擁有無數(shù)種形式（可以是文本字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等）。標(biāo)簽為單標(biāo)簽type 屬性設(shè)置不同的屬性值用來指定不同的控件類型表單元素type 屬性的屬性值及其描述如下：除 type 屬性外，標(biāo)簽還有其他無數(shù)屬性，其常用屬性如下：1、 name 和value 是每個表單元素都有的屬性值，主要給后臺人員用法。2、 name 表單元素的名字， 要求 單選按鈕和復(fù)選框要有相同的name值。3、 checked屬性主要針對

3、于單選按鈕和復(fù)選框， 主要作用一打開頁面，就要可以默認(rèn)選中某個表單元素。4、 maxlength 是用戶可以在表單元素輸入的最大字符數(shù)， 普通較少用法。表單元素1、 有些表單元素想剛打開頁面就默認(rèn)顯示幾個文字怎么做？答： 可以給這些表單元素設(shè)置 value 屬性=值2、 頁面中的表單元素?zé)o數(shù)，如何區(qū)分不同的表單元素？答： name 屬性：當(dāng)前 input 表單的名字，后臺可以通過這個 name 屬性找到這個表單。頁面中的表單無數(shù)，name 的主要作用就是用于區(qū)分不同的表單。name 屬性后面的值，是自定義的radio （或者checkbox）假如是一組，我們必需給他們命名相同的名字3、假如頁面

4、一打開就讓某個單選按鈕或者復(fù)選框是選中狀態(tài)？答： checked 屬性：表示默認(rèn)選中狀態(tài)。用于單選按鈕和復(fù)選按鈕。4、如何讓input表單元素展示不同的形態(tài)？ 比如單選按鈕或者文本框標(biāo)簽標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)簽）。標(biāo)簽用于綁定一個表單元素， 當(dāng)點(diǎn)擊 標(biāo)簽內(nèi)的文本時，掃瞄器就會自動將焦點(diǎn)（光標(biāo)）轉(zhuǎn)到或者挑選對應(yīng)的表單元素上，用來增強(qiáng)用戶體驗(yàn)。語法：表單元素用法場景： 在頁面中，假如有多個選項(xiàng)讓用戶挑選，并且想要節(jié)省頁面空間時，我們可以用法標(biāo)簽控件定義下拉列表。表單元素語法：表單元素語法：1、通過 標(biāo)簽可以輕松地創(chuàng)建多行文本輸入框。2、 cols=每行中的字符數(shù) ，rows=顯示的行

5、數(shù)，我們在實(shí)際開發(fā)中不會用法，都是用 css 來轉(zhuǎn)變大小。用法場景： 當(dāng)用戶輸入內(nèi)容較多的狀況下，我們就不能用法文本框表單了，此時我們可以用法 < 標(biāo)簽。在表單元素中， 標(biāo)簽是用于定義多行文本輸入的控件。用法多行文本輸入控件，可以輸入更多的文字，該控件常見于留言板，評論。表單元素幾個總結(jié)點(diǎn)1、 表單元素我們學(xué)習(xí)了三大組 input 輸入表單元素 select 下拉表單元素 textarea 文本域表單元素。2、 這三組表單元素都應(yīng)當(dāng)包含在form表單域里面，并且有 name 屬性。表單元素幾個總結(jié)點(diǎn)有三個名字十分相像的標(biāo)簽：（1） 表單域 form 用法場景： 提交區(qū)域內(nèi)表單元素給后臺服務(wù)器（2） 文件域 file 是input type 屬性值 用法場景： 上傳文件（3） 文本域 textarea 用法場景： 可以輸入多行文字， 比