html设置输入框初始状态时“发送”呈禁用状态无法点击代码；

可以使用以下代码实现：

<input type="button" value="发送" disabled="disabled" />

<script>
    //在页面加载完成后执行
    window.onload = function() {
        var button = document.getElementsByTagName("input")[0];
        button.disabled = false; //将禁用状态取消，使其可点击
    }
</script>

这段代码使用了 `disabled` 属性来设置初始状态为禁用状态。通过 JavaScript 代码将其取消禁用，使其可以点击。

相关问题

html根据要求完成发布页面： 要求：①“图片”选项默认为灰色，当鼠标略过时显示橙色；②“有什么新鲜事想分享给大家？”此处为输入框初始状态，背景为灰色；③输入框初始状态时“发送”呈禁用状态无法点击；

这个问题属于技术问题，可以给出回答。

你可以通过CSS实现“图片”选项鼠标滑过变橙色的效果，可以使用:hover伪类选择器实现。同时，可以使用CSS设置输入框初始状态和禁用状态下“发送”按钮的样式。具体代码实现可以根据需要自己编写或查找相关资源。

CSS设置输入框初始状态和禁用状态下“发送”按钮的样式代码怎么写

以下是关于CSS设置输入框初始状态和禁用状态下“发送”按钮的样式代码：

假设我们有一个input和button标签，分别用于输入和发送消息。我们可以使用CSS来设置输入框和按钮的样式，包括其初始状态和禁用状态。

首先，我们给输入框和发送按钮分别添加一个class名称：

<!-- 输入框 -->
<input type="text" class="input-box">

<!-- 发送按钮 -->
<button class="send-btn">发送</button>

然后，我们编写CSS样式代码，设置输入框和按钮的样式：

/* 输入框初始样式 */
.input-box {
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 16px;
}

/* 发送按钮初始样式 */
.send-btn {
  background-color: blue;
  color: #fff;
  padding: 10px;
  border: none;
  font-size: 16px;
  cursor: pointer;
}

/* 输入框禁用样式 */
.input-box[disabled] {
  background-color: #eee;
  color: #999;
  cursor: not-allowed;
}

/* 发送按钮禁用样式 */
.send-btn[disabled] {
  background-color: #ddd;
  color: #999;
  cursor: not-allowed;
}

在上述代码中，我们首先定义了输入框和发送按钮的初始样式，包括其边框、内边距、字体大小、背景色等。然后，我们使用属性选择器来定义输入框和发送按钮的禁用样式，当禁用属性为真时，输入框和发送按钮的背景色、字体颜色和指针样式都将发生改变。

最后，我们可以使用JavaScript来动态切换输入框和按钮的禁用状态。例如，当输入框为空时，我们可以禁用发送按钮：

var inputBox = document.querySelector('.input-box');
var sendBtn = document.querySelector('.send-btn');

if (inputBox.value === '') {
  sendBtn.disabled = true;
} else {
  sendBtn.disabled = false;
}

这样，当输入框为空时，发送按钮将变为禁用状态，样式也将发生相应改变。