JS 如何獲取 input 的 value 值？
創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)新會(huì),10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):18980820575
首先使用“querySelector()”獲取到元素對(duì)象，只需要向該方法傳入input的選擇規(guī)則；
代碼示例
重慶分公司
重慶分公司
var inputEl = document.querySelector('[name="username"]');最后在input元素對(duì)象中的value屬性就是input的value值，所以只需獲取到該屬性即可。
var inputEl = document.querySelector('[name="username"]');
var val = inputEl.value;
console.log(val);input 屬性 HTML5
| 屬性 | 值 | 描述 |
|---|---|---|
| accept | mime_type | 規(guī)定通過(guò)文件上傳來(lái)提交的文件的類型。 |
| align |
| 不贊成使用。規(guī)定圖像輸入的對(duì)齊方式。 |
| alt | text | 定義圖像輸入的替代文本。 |
| autocomplete |
| 規(guī)定是否使用輸入字段的自動(dòng)完成功能。 |
| autofocus | autofocus | 規(guī)定輸入字段在頁(yè)面加載時(shí)是否獲得焦點(diǎn)。 （不適用于 type="hidden"） |
| checked | checked | 規(guī)定此 input 元素首次加載時(shí)應(yīng)當(dāng)被選中。 |
| disabled | disabled | 當(dāng) input 元素加載時(shí)禁用此元素。 |
| form | formname | 規(guī)定輸入字段所屬的一個(gè)或多個(gè)表單。 |
| formaction | URL | 覆蓋表單的 action 屬性。 （適用于 type="submit" 和 type="image"） |
| formenctype | 見注釋 | 覆蓋表單的 enctype 屬性。 （適用于 type="submit" 和 type="image"） |
| formmethod |
| 覆蓋表單的 method 屬性。 （適用于 type="submit" 和 type="image"） |
| formnovalidate | formnovalidate | 覆蓋表單的 novalidate 屬性。 如果使用該屬性，則提交表單時(shí)不進(jìn)行驗(yàn)證。 |
| formtarget |
| 覆蓋表單的 target 屬性。 （適用于 type="submit" 和 type="image"） |
| height |
| 定義 input 字段的高度。（適用于 type="image"） |
| list | datalist-id | 引用包含輸入字段的預(yù)定義選項(xiàng)的 datalist 。 |
| max |
| 規(guī)定輸入字段的最大值。 請(qǐng)與 "min" 屬性配合使用，來(lái)創(chuàng)建合法值的范圍。 |
| maxlength | number | 規(guī)定輸入字段中的字符的最大長(zhǎng)度。 |
| min |
| 規(guī)定輸入字段的最小值。 請(qǐng)與 "max" 屬性配合使用，來(lái)創(chuàng)建合法值的范圍。 |
| multiple | multiple | 如果使用該屬性，則允許一個(gè)以上的值。 |
| 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 |
| 規(guī)定 input 元素的類型。 |
| value | value | 規(guī)定 input 元素的值。 |
| width |
| 定義 input 字段的寬度。（適用于 type="image"） |
以上就是JS 如何獲取 input 的 value 值？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！
