HTML 設置文本輸入框大小 在網頁中，我們常常需要使用文本輸入框（text input）來收集用戶的輸入信息。不同的輸入框大小可以為用戶提供更好的輸入體驗。本文將介紹如何使用 HTML 代碼來設置文本輸入框的大小。 在 HTML 中，我們可以使用“input”元素來創建文本輸入框。例如，在以下代碼中，我們使用了“input”元素創建了一個簡單的文本輸入框：

<input type="text" name="username">

要設置文本輸入框的大小，我們可以使用“size”和“maxlength”屬性。其中，“size”屬性用于指定文本輸入框的可見寬度，單位為字符數；“maxlength”屬性則用于限制輸入字符的最大數量。例如，在以下代碼中，我們將“size”屬性設置為“30”，將“maxlength”屬性設置為“50”，從而創建了一個寬度為“30”個字符，最多可輸入“50”個字符的文本輸入框：

<input type="text" name="username" size="30" maxlength="50">

除了使用“size”和“maxlength”屬性，我們還可以使用 CSS 樣式來設置文本輸入框的大小。例如，在以下代碼中，我們使用了“style”屬性和“width”屬性，將文本輸入框的寬度設置為“200”像素：

<input type="text" name="username" style="width:200px;">

除了“input”元素外，在 HTML5 中，我們還可以使用“textarea”元素來創建文本輸入框。對于“textarea”元素，我們可以使用“cols”和“rows”屬性來設置其可見寬度和可見高度，單位為字符數和行數。例如，在以下代碼中，我們將“cols”屬性設置為“30”，將“rows”屬性設置為“10”，從而創建了一個寬度為“30”個字符，高度為“10”行的文本輸入框：

<textarea name="comments" cols="30" rows="10"></textarea>

通過以上代碼示例，我們可以看到 HTML 中如何使用屬性和 CSS 樣式來設置文本輸入框的大小，以提供更好的用戶輸入體驗。