blocks|key|771792|text|您可以设置它的width|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|771793|<input+type="text"+id="text"+name="text_name"+style="width:+300px;"+/>|code-block|syntax|javascript|771794|或者更好地定义一个类：|771795|<input+type="text"+id="text"+name="text_name"+class="mytext"+/>|771796|并在一个单独的CSS文件中应用必要的样式：|771797|.mytext+{
++++width:+300px;
}|771798|如果要限制用户可以在此文本框中键入的字符数，可以使用maxlength属性：|771799|<input+type="text"+id="text"+name="text_name"+class="mytext"+maxlength="25"+/>|771800|entityMap^0|7|5|0|0|0|0|0|0|Q|9|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|14|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|S|3|T|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|U|3|V|5|H|7|19|8|@]|D|@]|E|$I|J]]|$1|W|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|X|$]]

<p>You could set its <code>width</code>:</p>

<pre><code>&lt;input type="text" id="text" name="text_name" style="width: 300px;" /&gt;
</code></pre>

<p>or even better define a class:</p>

<pre><code>&lt;input type="text" id="text" name="text_name" class="mytext" /&gt;
</code></pre>

<p>and in a separate CSS file apply the necessary styling:</p>

<pre><code>.mytext {
    width: 300px;
}
</code></pre>

<p>If you want to limit the number of characters that the user can type into this textbox you could use the <code>maxlength</code> attribute:</p>

<pre><code>&lt;input type="text" id="text" name="text_name" class="mytext" maxlength="25" /&gt;
</code></pre>


blocks|key|771820|text|size属性也适用|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|771821|<input+size="25"+type="text">|code-block|syntax|javascript|771822|entityMap^0|0|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>The <code>size</code> attribute works, as well</p>

<pre class="lang-html prettyprint-override"><code>&lt;input size="25" type="text"&gt;
</code></pre>


blocks|key|555335|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|555336|<input+type="text"+style="font-size:18pt;height:420px;width:200px;">|code-block|syntax|javascript|555337|否则|555338|+<input+type="text"+id="txtbox">|555339|使用css：|555340|+#txtbox
++++{
+++++font-size:18pt;
+++++height:420px;
+++++width:200px;
++++}|555341|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>Try this</p>

<pre><code>&lt;input type="text" style="font-size:18pt;height:420px;width:200px;"&gt;
</code></pre>

<p>Or else </p>

<pre><code> &lt;input type="text" id="txtbox"&gt;
</code></pre>

<p>with the css:</p>

<pre><code> #txtbox
    {
     font-size:18pt;
     height:420px;
     width:200px;
    }
</code></pre>


blocks|key|771925|text|您可以通过内联样式设置宽度(以像素为单位)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|771926|<input+type="text"+name="text"+style="width:+195px;">|code-block|syntax|javascript|771927|您还可以使用可见的字符长度设置宽度：|771928|<input+type="text"+name="text"+size="35">|771929|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>You can set the width in pixels via inline styling:</p>

<pre class="lang-html prettyprint-override"><code>&lt;input type="text" name="text" style="width: 195px;"&gt;
</code></pre>

<p>You can also set the width with a visible character length:</p>

<pre class="lang-html prettyprint-override"><code>&lt;input type="text" name="text" size="35"&gt;
</code></pre>


blocks|key|555468|text|<input+size="45"+type="text"+name="name">|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|555469|"size“指定元素输入的可见宽度(以字符为单位)。|unstyled|555470|您也可以使用css中的高度和宽度。|555471|<input+type="text"+name="name"+style="height:100px;+width:300px;">|555472|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$B|C]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>&lt;input size="45" type="text" name="name"&gt;
</code></pre>

<p>The "size" specifies the visible width in characters of the element input.</p>

<p>You can also use the height and width from css.</p>

<pre><code>&lt;input type="text" name="name" style="height:100px; width:300px;"&gt;
</code></pre>


<p>Here is an HTML input text box:</p>

<pre><code>&lt;input type="text" id="text" name="text_name" /&gt;
</code></pre>

<p>What are the options to define the size of the box?</p>

<p>How can this be implemented in CSS?</p>


How can the size of an input text box be defined in HTML?

下面是一个HTML输入文本框：<input type="text" id="text" name="text_name" />用于定义框大小的选项有哪些？如何在CSS中实现此功能？

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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