在網頁開發過程中，我們經常需要使用到輸入框，而有時我們需要把這些輸入框居中顯示。下面我們就來介紹如何使用html來實現input居中的設置。

首先，我們需要在html代碼中添加一個input標簽，這可以通過以下的代碼來實現：

<input type="text" name="username" placeholder="請輸入用戶名">

接下來，我們需要為這個input標簽添加樣式，把它居中顯示。這可以通過以下的CSS代碼來實現：

input {
display: block;
margin: 0 auto;
}

上述代碼表示將input元素設置為塊級元素，并在水平方向上居中對齊。其中，margin屬性中的0表示上下間距為0，而auto則表示左右間距自動調整。

此時，我們在瀏覽器中查看效果，就會看到input元素已經居中顯示了。

除了使用CSS樣式來進行input居中的設置外，還有一種更簡單的方法。我們可以利用HTML5提供的<center>標簽，將input元素嵌套在其中，這樣即可實現居中顯示，示例代碼如下：

<center>
<input type="text" name="username" placeholder="請輸入用戶名">
</center>

但需要注意的是，<center>標簽已經被廢棄了，現在不推薦使用，建議使用CSS樣式來進行元素的居中設置。