Как сделать поле ввода формы большим?

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

вы можете избежать использования div, применяя класс в самом <input>

ваш 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 ( пример )?

Answer 5

для лучшего и большего поля ввода textarea эффективно.

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

>

// входное значение