原生html中input框绑定值
时间: 2023-10-08 20:10:12 浏览: 252
React学习05事件对象event,拿到input输入框的值,类似Vue的双向数据绑定
可以通过使用 `value` 属性来绑定一个 input 元素的值。例如,要绑定一个文本输入框的值,可以这样写:
```html
<input type="text" value="默认值">
```
在这个例子中,input 元素的默认值为 "默认值"。
如果要动态地绑定 input 元素的值,可以使用 JavaScript。例如,假设有一个文本输入框和一个按钮:
```html
<input type="text" id="myInput">
<button onclick="setValue()">设置值</button>
```
然后,在 JavaScript 中定义 `setValue` 函数来设置文本框的值:
```javascript
function setValue() {
var input = document.getElementById("myInput");
input.value = "新的值";
}
```
在这个例子中,当用户点击按钮时,`setValue` 函数将会把文本输入框的值设置为 "新的值"。
阅读全文