在網頁開發時，我們會經常使用到表單元素，而其中一個非常重要的表單元素就是標簽。但是在實際開發過程中，我們會遇到一個問題，就是標簽的寬度需要進行自適應，以適應不同設備和不同屏幕的需求。

要實現輸入框的寬度自適應，我們可以使用HTML5新增的屬性——width來設置其相對寬度。具體實現方法如下：

<input type="text" name="username" placeholder="請輸入用戶名"
style="width: 100%; box-sizing: border-box;">

上述代碼中，我們將標簽的width屬性設置為100%，表示其占據整個父元素的寬度。同時，我們將box-sizing屬性設置為border-box，這樣就可以保證輸入框的寬度包含邊框和內邊距，而不是超出寬度。

除此之外，我們還可以使用CSS樣式來設置標簽的寬度自適應。具體實現方法如下：

input[name="username"] {
width: 100%;
box-sizing: border-box;
}

上述代碼中，我們通過CSS選擇器選擇了name屬性值為"username"的標簽，并通過width和box-sizing屬性進行設置。

在實際開發中，我們可以根據自己的需求選擇使用哪種方式進行設置。無論哪種方法，都能夠有效實現輸入框的寬度自適應，讓網頁在不同設備和不同屏幕上都能夠具備良好的顯示效果。