页面上有一个文本框和两个按钮,编写一段JavaScript程序,捕获选中一个单选按钮时触发的事情,如果单击第一个按钮,则禁用文本框;如果单击另一个按钮,则启用文本框。如下图所示。 步骤一:创建HTML网页,命名为“task3.html”。 步骤二:创建<form>,在<form>中创建文本框<textarea>。 步骤三:定义按钮触发事件,设置<textarea>元素启用/禁用属性。 <input type="button" value="启用" onClick=___________ /> <input type="button" value="禁用" onClick=___________ />
时间: 2023-12-03 08:44:50 浏览: 216
以下是JavaScript代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>任务3</title>
</head>
<body>
<form>
<textarea id="myTextarea" rows="10" cols="50"></textarea>
<br>
<input type="button" value="启用" onClick="document.getElementById('myTextarea').disabled = false;" />
<input type="button" value="禁用" onClick="document.getElementById('myTextarea').disabled = true;" />
</form>
</body>
</html>
```
在上述代码中,我们在<textarea>元素上设置了一个id属性,以便在JavaScript代码中轻松地引用该元素。当单击“启用”按钮时,我们使用document.getElementById()方法获取<textarea>元素并将其disabled属性设置为false,以启用该元素。当单击“禁用”按钮时,我们将disabled属性设置为true,以禁用该元素。
阅读全文