如何减少文本框的宽度?

Posted

技术标签:

【中文标题】如何减少文本框的宽度?【英文标题】:how can the textbox width be reduced? 【发布时间】:2010-12-10 20:23:33 【问题描述】:

我可以在不使用类的情况下减小文本框的宽度吗?

<input type="text" maxlength="5" style="3px"/>

【问题讨论】:

【参考方案1】:
<input type="text" style="width:50px;"/>

【讨论】:

【参考方案2】:

在不使用 CSS 的情况下定义文本框宽度不好,请注意 ;-)

<input type="text" name="d" value="4" size="4" />

【讨论】:

【参考方案3】:

rows 和 cols 是必需的属性,因此无论您是否真的需要它们,都应该拥有它们。它们分别设置行数和列数。

http://htmldog.com/reference/htmltags/textarea/

【讨论】:

仅适用于文本区域的想法【参考方案4】:
<input type='text' 
       name='t1'
       id='t1'
       maxlength=10
       placeholder='typing some text' >
<p></p>

这是文本框,它有10个字符的固定长度,如果你可以试试但是这个文本框不包含最大长度10个字符

【讨论】:

以上是关于如何减少文本框的宽度?的主要内容,如果未能解决你的问题,请参考以下文章

如何用css设置文本框的宽和高?

在 s-s-rS 中如何动态更改文本框的宽度?

js怎么取得文本框的宽度与高度

html中,怎样用js或者jQuery去判断文本框输入的文本内容超过了文本框的宽度。

PPT中文本框的大小及位置

怎样写CSS设置多行文本框的显示行数?