Вертикальное расположение текста в поле <input>

Question

Мне не удалось указать вертикальную позицию текста в поле ввода, используя отступ или высоту строки.Следующий код ДОЛЖЕН визуализировать ввод текста с текстом, сдвинутым вниз:

<input style="padding: 50px 0 0 0; height: 0px;" type="text" value="Hello" />

Вместо этого происходит то, что весь текст центрируется вертикально на входе высотой 50 пикселей.

Любоймысли о том, как решить эту проблему?

Answer 1

Вы не можете сделать это в стандартном текстовом поле без хитрого трюка (например, создать div с рамкой, похожей на текстовое поле, удалить границу из самого текстового поля и расположить ее вертикально вниз в нижней части окна).div), поэтому вам придется прибегнуть к элементу textarea ...

<textarea style="padding: 50px 0 0 0; resize: none;">Hello</textarea>

(Добавление resize: none; не дает пользователю изменять размер текстовой области)