javascript怎么獲取input的value值

發(fā)布時間：2020-06-09 13:57:48 來源：億速云閱讀：740 作者：鴿子欄目：web開發(fā)

JS 如何獲取 input 的 value 值？

首先使用“querySelector()”獲取到元素對象，只需要向該方法傳入input的選擇規(guī)則；

代碼示例

<input type="text" name="username">

var inputEl = document.querySelector('[name="username"]');

最后在input元素對象中的value屬性就是input的value值，所以只需獲取到該屬性即可。

var inputEl = document.querySelector('[name="username"]');

var val = inputEl.value;

console.log(val);

input 屬性 HTML5

屬性	值	描述
accept	mime_type	規(guī)定通過文件上傳來提交的文件的類型。
align	left right top middle bottom	不贊成使用。規(guī)定圖像輸入的對齊方式。
alt	text	定義圖像輸入的替代文本。
autocomplete	on off	規(guī)定是否使用輸入字段的自動完成功能。
autofocus	autofocus	規(guī)定輸入字段在頁面加載時是否獲得焦點。（不適用于 type="hidden"）
checked	checked	規(guī)定此 input 元素首次加載時應當被選中。
disabled	disabled	當 input 元素加載時禁用此元素。
form	formname	規(guī)定輸入字段所屬的一個或多個表單。
formaction	URL	覆蓋表單的 action 屬性。（適用于 type="submit" 和 type="image"）
formenctype	見注釋	覆蓋表單的 enctype 屬性。（適用于 type="submit" 和 type="image"）
formmethod	get post	覆蓋表單的 method 屬性。（適用于 type="submit" 和 type="image"）
formnovalidate	formnovalidate	覆蓋表單的 novalidate 屬性。如果使用該屬性，則提交表單時不進行驗證。
formtarget	_blank _self _parent _top framename	覆蓋表單的 target 屬性。（適用于 type="submit" 和 type="image"）
height	pixels %	定義 input 字段的高度。（適用于 type="image"）
list	datalist-id	引用包含輸入字段的預定義選項的 datalist 。
max	number date	規(guī)定輸入字段的最大值。請與 "min" 屬性配合使用，來創(chuàng)建合法值的范圍。
maxlength	number	規(guī)定輸入字段中的字符的最大長度。
min	number date	規(guī)定輸入字段的最小值。請與 "max" 屬性配合使用，來創(chuàng)建合法值的范圍。
multiple	multiple	如果使用該屬性，則允許一個以上的值。
name	field_name	定義 input 元素的名稱。
pattern	regexp_pattern	規(guī)定輸入字段的值的模式或格式。例如 pattern="[0-9]" 表示輸入值必須是 0 與 9 之間的數(shù)字。
placeholder	text	規(guī)定幫助用戶填寫輸入字段的提示。
readonly	readonly	規(guī)定輸入字段為只讀。
required	required	指示輸入字段的值是必需的。
size	number_of_char	定義輸入字段的寬度。
src	URL	定義以提交按鈕形式顯示的圖像的 URL。
step	number	規(guī)定輸入字的的合法數(shù)字間隔。
type	button checkbox file hidden image password radio reset submit text	規(guī)定 input 元素的類型。
value	value	規(guī)定 input 元素的值。
width	pixels %	定義 input 字段的寬度。（適用于 type="image"）

以上就是JS 如何獲取 input 的 value 值？的詳細內(nèi)容，更多請關注億速云其它相關文章！

向AI問一下細節(jié)

javascript怎么獲取input的value值

猜你喜歡

最新資訊

相關推薦

相關標簽