html - 如何在 HTML 中定义输入文本框的大小？

Question

这是一个 HTML 输入文本框:

<input type="text" id="text" name="text_name" />

定义盒子大小的选项有哪些？

这如何在 CSS 中实现？

Answer 1

你可以设置它的宽度:

<input type="text" id="text" name="text_name" style="width: 300px;" />

或者更好的定义一个类:

<input type="text" id="text" name="text_name" class="mytext" />

并在一个单独的 CSS 文件中应用必要的样式:

.mytext {
    width: 300px;
}

如果您想限制用户可以在此文本框中键入的字符数，您可以使用 maxlength 属性:

<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />