JavaScript、Input和CSS是三個與Web開發密切相關的技術，它們各自具有不同的功能和用途，同時也可以相互配合使用。

JavaScript可以用來操作DOM（文檔對象模型），使頁面元素動起來，例如動畫效果，表單驗證等等。在以下示例中，使用JavaScript獲取input輸入框中的值并進行處理：

<input type="text" id="myInput">
<button onclick="myFunction()">點我！</button>
<script>
function myFunction() {
var x = document.getElementById("myInput").value;
document.getElementById("demo").innerHTML = "你輸入了：" + x;
}
</script>

CSS（層疊樣式表）用來美化頁面，包括顏色、字體、布局等。以下代碼可將輸入框改為紅色，并加上一些陰影效果：

#myInput {
border: 2px solid red;
box-shadow: 1px 1px 1px red;
}

Input則是Web表單中最常用的元素，可以用來接受用戶輸入的文本、密碼、日期、數字等。輸入框可以使用type屬性進行定義：

<input type="text"> 文本輸入框
<input type="password"> 密碼輸入框
<input type="date"> 日期選擇框
<input type="number"> 數字輸入框

本文僅涉及到一些JavaScript、Input和CSS的基本用法，更多內容請參考相關的學習資料。