如何增加表格文本框的大小?[已关闭]
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何增加表格文本框的大小?[已关闭]相关的知识,希望对你有一定的参考价值。
我目前正试图为我的网站实现一个简单的反馈表。然而,这些方框非常小,而且与我网站的主题完全不匹配。我试过用CSS增加文本大小和边距,但似乎无法让它们变大。
任何帮助将是非常感激的
<form action="form" method="POST" class="formone">
<input type='text' name='name' placeholder='John Doe' /><br/>
<input type='text' name='message' placeholder='Your message'/><br/>
<input type='submit' value='submit' />
</form>
答案
你可以通过给它们一个类,然后定义这些类的字体大小来修改。
比如说,你可以给它们一个类,然后定义这些类的字体大小。
.one{
font-size: 20px;
}
.two {
font-size: 40px;
}
<form action="form" method="POST" class="formone">
<input class="one" type='text' name='name' placeholder='John Doe' /><br/>
<input class="two" type='text' name='message' placeholder='Your message'/><br/>
<input class="three" type='submit' value='submit' />
</form>
另一答案
我建议使用textarea,使用文本区域你可以设置它的高度和宽度。
<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>
在文本区域中,行和列的大小被设置为默认的textarea大小,并且它是可以扩展的。
由于你已经使用了 <input type='text'/>
它不具有高度和宽度的属性,所以你不能用css改变它。
为了更好的理解,请参考这两个链接。https:/www.w3schools.comtagsatt_input_width.asp
https:/www.w3schools.comhtmlhtml_form_elements.asp
希望能帮到你
谢谢你
以上是关于如何增加表格文本框的大小?[已关闭]的主要内容,如果未能解决你的问题,请参考以下文章
如何从 c# Windows 窗体中文本框的文本内容更新 datagridview 的列