HTML为表单创建文本框

时间:2014-12-02 22:14:24

标签: html forms input textbox message

我正在为我的网站创建一个表单,到目前为止已经能够使消息框更大。但由于某种原因,输入到框中的文本会保留在框中心的一行上。as shown here

我想将此框设置为此网页上的“您的消息”框: http://www.which.co.uk/about-which/contact-us/email/

我的代码:

<p>
<label for="from">Your message:</label>
<br />
<input type="text" name="message" id="message" value="type your message..." style="height: 200px; width: 1100px;" onclick="this.value=''"/>
</p>        

3 个答案:

答案 0 :(得分:2)

您应该使用<textarea></textarea>代替<input/>

答案 1 :(得分:2)

您需要使用以下标记。

<p>
   <label for="from">Your message:</label>
<br />
   <textarea name="message" id="message" style="height: 200px; width: 1100px;"     onclick="this.value=''">Enter text here...</textarea>
</p>    

我希望这就是你要找的东西。

问候。

答案 2 :(得分:1)

使用<textarea>标记,该标记允许用户输入自己的消息。

试试这段代码:

<textarea rows='8' cols='50'>Your message:</textarea>

<textarea>标签也可以调整大小。