首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在HTML中定义输入文本框的大小?

如何在HTML中定义输入文本框的大小?
EN

Stack Overflow用户
提问于 2011-09-25 19:48:44
回答 5查看 546.9K关注 0票数 94

下面是一个HTML输入文本框:

代码语言:javascript
复制
<input type="text" id="text" name="text_name" />

用于定义框大小的选项有哪些?

如何在CSS中实现此功能?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-09-25 19:49:27

您可以设置它的width

代码语言:javascript
复制
<input type="text" id="text" name="text_name" style="width: 300px;" />

或者更好地定义一个类:

代码语言:javascript
复制
<input type="text" id="text" name="text_name" class="mytext" />

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

代码语言:javascript
复制
.mytext {
    width: 300px;
}

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

代码语言:javascript
复制
<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />
票数 134
EN

Stack Overflow用户

发布于 2013-07-20 22:11:53

size属性也适用

代码语言:javascript
复制
<input size="25" type="text">
票数 45
EN

Stack Overflow用户

发布于 2015-09-09 13:36:21

尝尝这个

代码语言:javascript
复制
<input type="text" style="font-size:18pt;height:420px;width:200px;">

否则

代码语言:javascript
复制
 <input type="text" id="txtbox">

使用css:

代码语言:javascript
复制
 #txtbox
    {
     font-size:18pt;
     height:420px;
     width:200px;
    }
票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7545302

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档