原始js元素禁用启用

JavaScript控制文本框禁用与启用

最新推荐文章于 2022-11-02 17:23:09 发布

原创最新推荐文章于 2022-11-02 17:23:09 发布 · 427 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html

这是一个关于使用JavaScript来控制HTML文本框禁用与启用的示例。通过点击按钮，可以实现文本框的禁用和启用状态切换，这对于用户交互和表单验证场景非常实用。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <style type="text/css">
    </style>
</head>
<body>

	设置文本框不可用或可用：
	<input type="text" value="" id="txtEditable" name="txtEditable" />
	<input type="button" value="设置文本框不可用" onclick="enableDisableAttribute()" />
	<input type="button" value="设置文本框可用" onclick="enitableAttribute()" />
	
</body>
<script type="text/javascript">
	function enableDisableAttribute(){
		var txtEditable = document.getElementById("txtEditable");
		txtEditable.setAttribute("disabled", true);
	}
	function enitableAttribute(){
		var txtEditable = document.getElementById("txtEditable");
		txtEditable.removeAttribute("disabled");
	}
</script>
</html>