Я хочу, чтобы текст внутри поля ввода был правильно выровнен и начинал новую строку после заполнения

#html #submit

#HTML #Отправить

Вопрос:

Я новичок в HTML и писал простой тип отправки, и у меня возникли две проблемы со стилизацией.

Проблема 1: В этом коде при вводе появляется эффект прокрутки вправо после заполнения границ, я хочу, чтобы поле расширялось по вертикали при его заполнении.

 <input style="height:auto;width:500px;font-size:12pt;margin:30px;border:2px dashed #f69c55;padding:5px;word-wrap:break-word" 
type="text" name="content"/>
<input type="submit" value="Submit"/>  

Проблема 2: Когда я устанавливаю высоту в 100 пикселей, я хочу выровнять текст по левому верхнему углу, а не по центру.

 <input style="height:100px;width:500px;font-size:12pt;margin:30px;border:2px dashed #f69c55;padding:5px;word-wrap:break-word" 
type="text" name="content"/>
<input type="submit" value="Submit"/>  

Ответ №1:

есть нечто, называемое:

 <textarea></textarea>