Question

对于下面的表格，我怎样才能使输入字段变大，例如高度为100像素，长度为400像素？

提前致谢，

约翰

<form action="http://www...com/sandbox/comments/comments2.php" method="post"> 
    <input type="hidden" value="'.$_SESSION['loginid'].'" name="uid">  

    <div class="addacomment"><label for="title">Add a comment:</label></div> 
    <div class="submissionfield"><input name="title" type="title" id="title" maxlength="1000"></div>  

    <div class="submissionbutton"><input name="submit" type="submit" value="Submit"></div> 
</form>

Answer 1

是否有任何理由不使用TEXTAREA表单元素？

<textarea rows="5" cols="80" id="TITLE">
</textarea>

Answer 2

您可以通过在<input>本身

中应用该类来避免使用div

你的CSS可以

.submissionfield { width: 90px; height: 390px; border: 1px solid #999999; padding: 5px; }

Answer 3

您可以将css添加到输入中，例如：

.input-element{
font-size: 100px; // for say a select
width: 400px;
}

或者您可以添加高度，但您可能需要添加！重要...

.input-element{
height: 100px !important;
width: 400px;
}

Answer 4

您不需要textarea（example）字段吗？

Answer 5

对于更好的输入区域，更大的文本区域是有效的。

<textarea type="text"
name="pre_book_sugg"
class="form-control"
style="height: calc(2.5em + 4.75rem + 2px);"

>

//输入值

Answer 6

您还可以在CSS中更改字体大小。
这将使输入框更大，并允许更多可读的文本。

Chrome

CSS

form input{
    font-size: 2em;
}

如何使表单输入字段大？

6 个答案: