如何取得HTML中input標簽的value的值？對于input value的用法詳細說明

首先讓我們看看HTML中的input標簽的用法：

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

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

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

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

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

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

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

說了這么多，來看看實例：

帶有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值：

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

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

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

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

再來一個關(guān)于input標簽的復(fù)選框做法：

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

上代碼效果如圖：

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

【小編推薦】

HTML中的base標簽如何寫相對路徑？（內(nèi)附使用介紹）

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

以上就是如何獲取HTML中input標簽的value的值？關(guān)于input value的用法詳解的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！