操作表单元素

格式

表单对象.属性 =

代码示例

1
2
3
4
5
6
<input type="text" placeholder="请输入" value="Hello World">
<script>
const input = document.querySelector("input")
console.log(input.placeholder)
console.log(input.value)
</script>

运行效果

可以修改属性的值

1
2
3
4
5
<input type="text" placeholder="请输入" value="Hello World">
<script>
const input = document.querySelector("input")
input.value = "Good morning!"
</script>

运行效果

表单中的简写无值属性(disabled,checked,selected)在js中用boolean值表示,有就是true,没有就是false

1
2
3
4
5
<input type="checkbox" checked>我爱学习
<script>
const input = document.querySelector("input")
input.checked = false
</script>