怎么獲取HTML中input標(biāo)簽的value的值

今天就跟大家聊聊有關(guān)怎么獲取HTML中input標(biāo)簽的value的值，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

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

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

對于不同類型的input元素，value屬性的用法也不同：

對于"button","reset","submit"類型-定義按鈕上的文本

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

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

注釋：value屬性對于<input type="checkbox">和<input type="radio">是必需的。

注釋：value屬性不適用于<input type="file">。

說了這么多，來看看實(shí)例：

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

<form action="demo_form.asp" method="get">
  請輸入用戶名: <input type="text" name="fname" value="Bill" /><br />
  第二次用戶名: <input type="text" name="lname" value="Gates" /><br />
  <input type="submit" value="提交" />
</form>

效果如圖所示：

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

現(xiàn)在讓我們來看看相關(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ì)顯示出來，但是設(shè)置了就代表它就有了這么一個(gè)值，就好比標(biāo)注它是男是女一樣，是男是女未必看的出來，但是可以標(biāo)注出來。

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

<form> 
<input id="input" type="input" value='2'></input> 
</form>

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

再來一個(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é)束了，有問題的小伙伴就在下方留言吧

看完上述內(nèi)容，你們對怎么獲取HTML中input標(biāo)簽的value的值有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。