這篇文章將為大家詳細(xì)講解有關(guān)input中name，value以及l(fā)abel中for的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都服務(wù)器托管，創(chuàng)新互聯(lián)提供包括服務(wù)器租用、服務(wù)器托管德陽、帶寬租用、云主機、機柜租用、主機租用托管、CDN網(wǎng)站加速、申請域名等業(yè)務(wù)的一體化完整服務(wù)。電話咨詢：13518219792

input具有很多屬性，比較常用的有type，value，name，placeholder，multiple，checked等。對于其中的name、value、label相關(guān)以及標(biāo)簽外的文字，我一直是懵懵懂懂，今天總算弄了個清楚。

1）name屬性　

定義：name 屬性規(guī)定 input 元素的名稱。

用法：name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識，或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。

　　注釋：只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

也就是說，name對于頁面顯示是沒啥用的（加不加都不影響頁面顯示），而是用于和服務(wù)器交互或者編寫js時方便引用。

2）value屬性

定義：value 屬性為 input 元素設(shè)定值。

用法：對于不同的輸入類型，value 屬性的用法也不同：

• type="button", "reset", "submit" - 定義按鈕上的顯示的文本

按鈕文字

• type="text", "password", "hidden" - 定義輸入字段的初始值

標(biāo)簽外

• type="checkbox", "radio", "image" - 定義與輸入相關(guān)聯(lián)的值

按鈕文字

注意：此時顯示在頁面上的是“按鈕文字”（標(biāo)簽外的文字），而此時的value的作用主要是用于js中的交互操作，所以此時的value一般設(shè)置為與輸入相關(guān)的值。例如：

男

注釋： 和 中必須設(shè)置 value 屬性。

3）label

標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。例如：

請輸入郵箱地址：      
    

請輸入郵箱地址：     
     

所以：label 元素不會向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點擊文本，就會觸發(fā)此控件。就是說，當(dāng)用戶選擇該標(biāo)簽時，瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。

上面這句話是什么意思呢？就是說，若按如下寫法，當(dāng)鼠標(biāo)點擊“請輸入郵箱地址”時，效果和點擊輸入框是一樣的（即會focus到輸入框），也就是將label與相應(yīng)的input綁定在一起了。

請輸入郵箱地址：

關(guān)于“input中name，value以及l(fā)abel中for的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。