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

創(chuàng)新互聯(lián)建站專注于企業(yè)全網營銷推廣、網站重做改版、文圣網站定制設計、自適應品牌網站建設、html5、商城系統(tǒng)網站開發(fā)、集團公司官網建設、外貿網站建設、高端網站制作、響應式網頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為文圣等各大城市提供網站開發(fā)制作服務。

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

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

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

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

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

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

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

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

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

帶有value屬性預定義值的表單：

<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>

效果如圖所示：

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

現在讓我們來看看相關聯(lián)的value值：

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

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

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

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

再來一個關于input標簽的復選框做法：

<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>

上代碼效果如圖：

好了，現在這篇文章結束了，有問題的小伙伴就在下方留言吧

看完上述內容，你們對怎么獲取HTML中input標簽的value的值有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

網頁標題：怎么獲取HTML中input標簽的value的值
URL標題：http://aaarwkj.com/article16/pjdedg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供服務器托管、微信小程序、外貿網站建設、定制網站、營銷型網站建設、商城網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)