value：指該控件顯示出來的值，是面向用戶的。如<input type="button" value="123">這條語句運行出來時，button按鈕上顯示的數值就是123；

name：指一類控件的名稱，可以重復。如<input type="button" name="123" value="提交">這條語句運行出來時，該按鈕上顯示的值為提交，該按鈕的名字是123

id：指唯一區分控件的屬性值，含義與name相同，不過id值是唯一的，而name允許重復。
即：

<input type="button" id="1" name="input" value="提交"> <input type="button" id="2" name="input" value="重置"> <input type="button" id="3" name="input" value="注冊">

是合理的。

---

為什么要同時設置id和name呢？ 因為二者在JavaScript中有不同的用處。

當使用JavaScript時，如果我們只想獲取一個控件對象，可以通過getElementById()來獲取對應id的控件對象。

但我們若想獲取一類對象，如獲取所有的按鈕控件對象，就可以通過getElementsByName()來獲取對象數組。

總結

以上是生活随笔為你收集整理的深入理解input中的value、name、id的区别和用法——Web前端自学笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。