要獲取HTML輸入框的值，需使用JavaScript。首先通過getElementById等方法選取元素，再用value屬性讀取文本、郵箱或數(shù)字輸入框的內容，示例中點擊按鈕後控制臺輸出輸入值；也可添加input事件監(jiān)聽，實時獲取用戶輸入；對於復選框或單選按鈕，則使用checked屬性判斷是否選中，實現(xiàn)對不同輸入類型的有效訪問。

To get the value of an input field in HTML, you need to use JavaScript since HTML alone cannot retrieve or manipulate values. Here's how you can do it effectively.

Accessing Input Value Using JavaScript

The most common way to retrieve the value from an input field is by using the value property in JavaScript. You first select the input element and then access its value.

HTML:

 <input type="text" id="myInput" placeholder="Enter something"><br> <button onclick="getValue()">Get Value</button>

JavaScript:

 <code>function getValue() {<br> const inputField = document.getElementById("myInput");<br> console.log(inputField.value);<br> }</code><p> This logs whatever the user has typed into the input field.</p><H3> Using Event Listeners for Dynamic Access</H3><p> Instead of relying on a button click, you can capture the input value as the user types by listening to events like <strong>input</strong> or <strong>change</strong> .</p> <font>Example:</font><pre class='brush:php;toolbar:false;'> document.getElementById("myInput").addEventListener("input", function() {<br> console.log(this.value);<br> });

This logs the value every time a key is pressed or the input changes.

Working with Different Input Types

Whether it's text, email, number, or checkbox, the value property works across most input types.

• For text, email, and number inputs: use .value
• For checkboxes and radio buttons: use .checked to get true/false

 const isChecked = document.getElementById("myCheckbox").checked;<br> console.log(isChecked);

Basically, use getElementById or similar DOM methods to target the input, then access its properties based on type. It's simple and widely supported.

以上是如何獲取 HTML 中輸入字段的值的詳細內容。更多資訊請關注PHP中文網(wǎng)其他相關文章！