首先讓我們看看HTML中的input標(biāo)簽的用法：

value屬性是input元素規(guī)定值。

對(duì)于不同類(lèi)型的input元素，value屬性的用法也不同：

對(duì)于 button , reset , submit 類(lèi)型-定義按鈕上的文本

對(duì)于 text , password , hidden 類(lèi)型-定義輸入字段的初始（默認(rèn)）值

對(duì)于 checkbox , radio , image 類(lèi)型-定義與input元素相關(guān)的值。該值會(huì)發(fā)送到表單的action URL。

注釋：value屬性對(duì)于 input type= checkbox 和 input type= radio 是必需的。

注釋?zhuān)簐alue屬性不適用于 input type= file 。

說(shuō)了這么多，來(lái)看看實(shí)例：

帶有value屬性預(yù)定義值的表單：

 form action= demo_form.asp method= get  請(qǐng)輸入用戶(hù)名: input type= text name= fname value= Bill / br /  第二次用戶(hù)名: input type= text name= lname value= Gates / br /  input type= submit value= 提交 /  /form 

效果如圖所示：

上圖就是代碼的結(jié)果，是定義的表單形式。

現(xiàn)在讓我們來(lái)看看相關(guān)聯(lián)的value值：

以輸入框?yàn)槔總€(gè)框是不是可以輸入內(nèi)容？這個(gè)內(nèi)容就是輸入框關(guān)聯(lián)的值，你給它設(shè)置個(gè)value屬性，那么你設(shè)置的value就是它的值，會(huì)顯示在輸入框中。同樣的，單選按鈕也可以設(shè)置一個(gè)值，但是這個(gè)值不像輸入框那樣你設(shè)置了會(huì)顯示出來(lái)，但是設(shè)置了就代表它就有了這么一個(gè)值，就好比標(biāo)注它是男是女一樣，是男是女未必看的出來(lái)，但是可以標(biāo)注出來(lái)。

有時(shí)需要把一個(gè)input標(biāo)簽從一個(gè)位置調(diào)整到另一個(gè)位置，調(diào)整后input的值就是input標(biāo)簽中value屬性的值，如果你修改值的方式并沒(méi)有修改到value屬性，那么調(diào)整后你設(shè)置的值就會(huì)丟失。

 form  input id= input type= input value= 2 /input  /form 

所以假如你有上述的操作，請(qǐng)一定確保你修改值的方式修改到了input的value屬性，或者使用其他方式實(shí)現(xiàn)上述的操作，如jQuery的clone方法。

再來(lái)一個(gè)關(guān)于input標(biāo)簽的復(fù)選框做法：

 form action= demo-form.php  input type= checkbox name= vehicle[] value= Bike 我會(huì)PHP br  input type= checkbox name= vehicle[] value= Car 我會(huì)html br  input type= checkbox name= vehicle[] value= Boat 我會(huì)python br  input type= submit value= 提交  /form 

上代碼效果如圖：

好了，現(xiàn)在這篇文章結(jié)束了，有問(wèn)題的小伙伴就在下方留言吧

【小編推薦】

HTML中的base標(biāo)簽如何寫(xiě)相對(duì)路徑？（內(nèi)附使用介紹）

HTML img標(biāo)簽的src屬性的用法是什么？具體使用方法解析（內(nèi)附實(shí)例）

以上就是如何獲取HTML中input標(biāo)簽的value的值？關(guān)于input value的用法詳解的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。