3. 在界面中添加一个密码框和一个按钮，默认按钮不可用，效果如下图a所示。当输入密码位数达到6位时，按钮变为可用状态，效果如图b所示(当删除文本框的内容使其不足6位时，按钮会恢复不可用状态)。

好的，你的第一个问题是如何在界面中添加一个密码框和一个按钮，使得当输入密码位数达到6位时，按钮变为可用状态，当删除文本框的内容使其不足6位时，按钮会恢复不可用状态。

首先，我们可以在需要添加密码框和按钮的界面中添加以下代码：

<input type="password" id="password" name="password" onkeyup="checkPassword()">
<button id="submitBtn" disabled="disabled">提交</button>

其中，input 标签的 type 属性为 password，表示该输入框用于输入密码，id 属性为 password，name 属性为 password，onkeyup 属性为 checkPassword()，表示每次键盘松开时都会调用名为 checkPassword 的 JavaScript 函数。button 标签的 id 属性为 submitBtn，disabled 属性为 disabled，表示默认按钮是不可用状态。

然后，我们需要编写 checkPassword 函数，来处理密码输入框中的输入，并根据输入框中的字符数设置按钮的可用状态。checkPassword 函数的代码如下：

function checkPassword() {
  var password = document.getElementById("password").value;
  var submitBtn = document.getElementById("submitBtn");
  if (password.length >= 6) {
    submitBtn.disabled = false;
  } else {
    submitBtn.disabled = true;
  }
}

在这个函数中，我们首先获取密码输入框的值，并获取提交按钮的元素对象。然后，根据密码输入框中的字符数设置按钮的 disabled 属性。如果密码长度大于等于 6，按钮将变为可用状态，否则按钮将禁用。

最后，我们只需要将 checkPassword 函数添加到页面的 JavaScript 脚本中即可。

总的来说，以上就是在界面中添加一个密码框和一个按钮，使得当输入密码位数达到6位时，按钮变为可用状态，当删除文本框的内容使其不足6位时，按钮会恢复不可用状态的方法。