如何使输入元素变大

Question

我有两个输入元素。

一个是发送电子邮件，另一个是电子邮件文本。

如何将电子邮件输入设置得足够大，以便在其中放入大量文本并能够放下空间？

感谢

<form method="post" action="ttp.actions.emailAction.action">

                                    <h3>Email</h3>
                                <input name="email" id="email"/><br /><br />
                                <h3>Message</h3>
                                <input name="message" size="50" id="message"/>

                                <br />
                                <br />
                                <input type="submit" value="  Send  "/>

                                </form> 

Answer 1

查看size attribute。

<input type="text" size="25" />

Answer 2

使用textarea代替input

<textarea name="email" id="email" rows="25" cols="80">Write stuff here...</textarea>

相反，您可以使用CSS设置大小和其他属性（滚动等...）。

textarea{
    width: 640px;
    height: 200px;
}

Answer 3

将textarea用于大文本而不是输入字段：

<textarea rows="5" cols="25"></textarea>

Answer 4

以下是example不同的方法，可以使输入更大