orm里面的textarea如何实现输出文字后才能点击按钮,不输出文字不能点击按钮,并且点击后按钮会变色
时间: 2023-06-03 07:07:34 浏览: 90
对于您的问题,我可以提供以下建议:
1. 首先,在HTML代码中设置一个textarea元素和一个按钮元素。
2. 给按钮添加一个disabled属性,使其一开始就是禁用状态。
3. 使用JavaScript代码来监听textarea元素的input事件,当textarea中有输入时,将按钮的disabled属性设置为false,使其可用。
4. 在点击按钮时,使用JavaScript代码将按钮的颜色修改为您想要的颜色。
以下是一个示例代码片段,仅供参考:
HTML代码:
<textarea id="myTextarea"></textarea>
<button id="myButton" disabled>点击</button>
JavaScript代码:
const textarea = document.getElementById("myTextarea");
const button = document.getElementById("myButton");
textarea.addEventListener("input", () => {
if (textarea.value.length > 0) {
button.disabled = false;
} else {
button.disabled = true;
}
});
button.addEventListener("click", () => {
button.style.backgroundColor = "#ff0000"; // 将按钮颜色修改为红色
});
阅读全文