在前端開發中，我們常常會用到文本框，它們可以用來收集用戶的輸入，進行搜索等操作。有時候，我們需要設置文本框的長度，否則如果輸入過多的字符，它們就會超出文本框的邊界，影響頁面的美觀度和易用性。

input[type="text"] {
width: 250px; /* 設置文本框的長度為250像素 */
}

在上面的代碼中，我們使用了CSS的屬性選擇器來選中所有type屬性值為"text"的input元素，然后通過width屬性來設置它們的寬度。值得注意的是，這里的寬度是指文本框可見區域的寬度，包括邊框和內邊距（如果有的話），但不包括外邊距。

除了使用像素值，我們還可以使用百分比來設置文本框的長度，這樣就可以根據瀏覽器窗口的大小進行自適應調整，增強了頁面的響應性。

input[type="text"] {
width: 50%; /* 設置文本框的長度為窗口寬度的50% */
}

在上面的代碼中，我們將文本框長度設置為窗口寬度的50%，這樣無論用戶使用什么設備或瀏覽器，文本框都可以自適應調整，使得輸入體驗更加順暢。

除了使用CSS屬性來設置文本框長度，我們還可以使用HTML的size屬性來設置文本框可見字符數。這個屬性的值表示文本框可顯示的字符數，不包括邊框、內邊距和滾動條。

在上面的代碼中，我們使用了HTML的size屬性來設置文本框可見字符數為20個。

綜上所述，我們可以通過CSS的width屬性、百分比和HTML的size屬性來設置文本框的長度，以適應不同的需求和場景。