CSS学习之表单操作

最新推荐文章于 2024-11-04 16:17:23 发布

一只追求学习的学渣

最新推荐文章于 2024-11-04 16:17:23 发布

阅读量124

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44079801/article/details/106967906

版权


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单元素的属性操作</title>
	</head>
	<body>
		<button>按钮</button>
		<input type="text"value= "输入内容">
		<script>
			//1.获取元素
			var btn = document.querySelector('button');
			var input = document.querySelector('input');
			//2.注册事件，处理事件
			btn.onclick = function(){
				//input.innerHTML = '点击了';innerHTML是普通盒子比如div
				//标签里的内容，表单里面的文字内容是通过value来修改的
				input.value = '被点击了';
				//如果想要某个表单被禁用即不能被点击 用disabled 
				//例如像要这个按钮button禁用
				//btn.disabled = true;
				this.disabled = true;
				//this 指向的是事件函数的调用者  btn，因此效果相同
			}
		</script>
	</body>
</html>