<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form name="f1"> <textarea name="t1"></textarea> <br> <input type="button" value="启用" onclick="document.f1.t1.disabled=false;"> <input type="button" value="禁用" onclick="document.f1.t1.disabled=true;"> </form> </body> </html>如何让这段代码的按钮点击之后就变色
时间: 2023-07-19 10:18:06 浏览: 391
-doctype-html-html-lang-en-dir-ltr-head-meta-name:
可以通过在按钮的onclick事件中添加JavaScript代码来实现按钮点击之后变色的效果,具体代码如下:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form name="f1">
<textarea name="t1"></textarea>
<br>
<input type="button" value="启用" onclick="document.f1.t1.disabled=false;this.style.backgroundColor='red'">
<input type="button" value="禁用" onclick="document.f1.t1.disabled=true;this.style.backgroundColor='green'">
</form>
</body>
</html>
```
在启用按钮和禁用按钮的onclick事件中,添加了this.style.backgroundColor='red'和this.style.backgroundColor='green'代码,分别表示按钮点击之后将按钮的背景颜色修改为红色和绿色。这样就可以实现按钮点击之后变色的效果了。
阅读全文