Textarea

Последнее обновление: 08.04.2016

Элемент <input type="text" /> позволяет создавать простое однострочное текстовое поле. Однако возможностей этого элемента по вводу текста бывает недостаточно, и в этой ситуации мы можем использовать многострочное текстовое поле, представленное элементом textarea:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Textarea в HTML5</title>
	</head>
	<body>
		<form method="get">
			<p>
				<label for="comment">Ваш комментарий:</label><br/>
				<textarea name="comment" id="comment" placeholder="Не более 200 символов" maxlength="200"></textarea>	
			</p>
			<p>
				<input type="submit" value="Добавить" />
			</p>
		</form>
	</body>
</html>
Textarea в HTML5

С помощью дополнительных атрибутов cols и rows можно задать соответственно количество столбцов и строк:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Textarea в HTML5</title>
	</head>
	<body>
		<form method="get">
			<p>
				<label for="comment">Ваш комментарий:</label><br/>
				<textarea id="comment" name="comment" placeholder="Написать комментарий"
					cols="30" rows="7"></textarea>	
			</p>
			<p>
				<input type="submit" value="Добавить" />
			</p>
		</form>
	</body>
</html>
Настройка textarea в HTML5

НазадСодержаниеВперед

Помощь сайту
Юмани:
410011174743222
Перевод на карту
Номер карты:
4048415020898850