本部落格介紹如何使用 JavaScript 透過 ID 從 HTML 表單中的不同輸入類型檢索值。
<input type="text"> <ul> <li> <strong>JavaScript Code</strong>: </li> </ul> <pre class="brush:php;toolbar:false"> const textValue = document.getElementById('textInput').value;
<input type="email"> <ul> <li> <strong>JavaScript Code</strong>: </li> </ul> <pre class="brush:php;toolbar:false"> const emailValue = document.getElementById('emailInput').value;
<input type="password"> <ul> <li> <strong>JavaScript Code</strong>: </li> </ul> <pre class="brush:php;toolbar:false"> const passwordValue = document.getElementById('passwordInput').value;
<input type="number"> <ul> <li> <strong>JavaScript Code</strong>: </li> </ul> <pre class="brush:php;toolbar:false"> const numberValue = document.getElementById('numberInput').value;
<input type="date"> <ul> <li> <strong>JavaScript Code</strong>: </li> </ul> <pre class="brush:php;toolbar:false"> const dateValue = document.getElementById('dateInput').value;
<input type="radio"> <ul> <li> <strong>JavaScript Code</strong>: </li> </ul> <pre class="brush:php;toolbar:false"> const radioValue = document.querySelector('input[name="radioInput"]:checked')?.value || null;
<input type="checkbox"> <ul> <li> <strong>JavaScript Code</strong>: </li> </ul> <pre class="brush:php;toolbar:false"> const checkboxValues = Array.from(document.querySelectorAll('input[type="checkbox"]:checked')).map(cb => cb.value);
<select>
const dropdownValue = document.getElementById('dropdownInput').value;
<textarea>
const textareaValue = document.getElementById('textareaInput').value;
這是一個從表單中的所有輸入類型檢索值的範例:
<input type="text">
const textValue = document.getElementById('textInput').value;
本文檔提供了使用 HTML 中的各種輸入類型並使用 JavaScript 收集其值的清晰參考。
以上是如何在 JavaScript 中從所有類型的 HTML 輸入中檢索值的詳細內容。更多資訊請關注PHP中文網其他相關文章!