CSS盒子是一種用于展示信息的HTML元素，它可以通過CSS樣式來定制外觀和布局，而輸入密碼的功能通常與表單或登錄界面相關(guān)，而不是直接與CSS盒子相關(guān)，要讓CSS盒子具備輸入密碼的功能，我們需要將其與表單或登錄界面進(jìn)行結(jié)合。

以下是一個(gè)簡單的示例，展示如何將CSS盒子與表單結(jié)合，以實(shí)現(xiàn)輸入密碼的功能：

1、創(chuàng)建一個(gè)HTML表單，包含用戶名和密碼字段：

<form id="login-form">
  <input type="text" id="username" placeholder="用戶名">
  <input type="password" id="password" placeholder="密碼">
  <button type="submit">登錄</button>
</form>

2、使用CSS樣式定制表單的外觀和布局，

#login-form {
  width: 300px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#username, #password {
  width: 100%;
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 3px;
  margin-bottom: 10px;
}
button {
  width: 100%;
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #007BFF;
  color: #fff;
}

3、使用JavaScript來處理表單提交事件，

document.getElementById('login-form').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表單默認(rèn)提交行為
  var username = document.getElementById('username').value;
  var password = document.getElementById('password').value;
  // 進(jìn)行登錄邏輯處理，例如發(fā)送POST請(qǐng)求到服務(wù)器進(jìn)行驗(yàn)證
});

通過以上示例，我們可以實(shí)現(xiàn)一個(gè)具備輸入密碼功能的CSS盒子，這只是一個(gè)簡單的示例，實(shí)際開發(fā)中可能需要根據(jù)具體需求進(jìn)行更多的定制和優(yōu)化。