在JavaScript中，輸入框是非常常見的元素之一，它可以讓用戶輸入文本、數字等信息，并進行處理。在一些場景中，我們可能會需要將輸入框設置為只讀，即用戶無法進行編輯。這篇文章將介紹如何使用JavaScript來實現input只讀的效果。

首先，我們需要獲取到需要設置為只讀的input元素。可以通過getElementById或者querySelector等方法來獲取，例如：

var input = document.getElementById('myInput');
// 或者
var input = document.querySelector('#myInput');

接著，我們可以通過JavaScript來設置input的readonly屬性為true，如下所示：

input.readOnly = true;

這樣，用戶就無法在頁面上直接輸入或者編輯input內的內容了。但是，我們還可以通過JavaScript來修改input內的內容，因為readonly只是阻止用戶進行直接編輯，而并不影響JavaScript修改input的值，例如：

input.value = '這個input現在已經只讀了';

這樣會修改input內的文本為“這個input現在已經只讀了”，即使readonly設置為true，也不會有任何錯誤或提示。

另外，我們還可以通過CSS來設置input為只讀。這種方式更加簡單，只需要在CSS中使用屬性選擇器來選取只讀的input，并將其設置為只讀即可，例如：

input[readonly] {
background-color: #ccc;
}

這樣會將頁面上所有只讀的input元素的背景色設置為灰色，用戶就可以很容易地識別出哪些是只讀的了。

總之，在JavaScript中，我們可以使用readonly屬性來實現input元素只讀，同時也可以通過CSS來設置input為只讀，這兩種方式都十分便捷和簡單。但是需要注意的是，readonly只是阻止用戶進行直接編輯，并不影響JavaScript修改input的值。