如何增加表格文本框的大小?[已关闭]

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

希望能帮到你

谢谢你

以上是关于如何增加表格文本框的大小?[已关闭]的主要内容,如果未能解决你的问题,请参考以下文章

如何增加 Sqlite FTS4 片段大小

vc中编辑框的文字怎样变大

如何从 c# Windows 窗体中文本框的文本内容更新 datagridview 的列

当动画增加大小时,背景不会向框的左侧延伸 100%

如何通过使用 jQuery 拖动其右下角来调整文本输入框的大小(如 textarea)?

C++ 怎么用代码更改按钮控件宽和高,或者用代码来更改文本框的宽和高,刚接触C++请大虾门多多指教。