HTML-указатель высоты ввода поля в форме

Question

Я создаю форму для своего сайта и имею следующий фрагмент кода для ввода части сообщения моего кода. Я хочу изменить высоту только для этого окна ввода, но не знаю, как это сделать. Я бы предпочел изменить высоту в html-коде, а не CSS, если это возможно. Спасибо :)

<p> 
<label for="from">Your message:</label> 
<br /> 
<input type="text" name="message" id="message" value="type your message..." maxlength="40"  size="40" onclick="this.value=''"/> 
</p>  

я пытался делать:

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

Но это не сработало

Answer 1

«Текст» вход не имеет высоту или ширину атрибута. Поскольку вы хотите определить высоту в своем HTML, вы можете использовать атрибут style. Вы можете использовать правила CSS в качестве значения, как это:

<input type="text" style="height: 40px;" /> 

Answer 2

Согласно MDN article for <input>:

width

Если значение атрибута типа является изображение, этот атрибут определяет ширину изображения отображается для кнопки.

То же описание относится к height

Использование CSS вместо этого. Либо рядный (не рекомендуется) style="height: 40px;" или

#message{ height: 40px; } 

Answer 3

Вы можете стиль текста входы, как это с помощью CSS

input[type=text] { 
    ... 
} 

Без CSS вы можете использовать атрибут стиля, как так

<input type="text" style="..."/> 

При использовании текстовые области, вы можете использовать атрибут rows для изменения высоты элемента, однако это не работает со входом