Как сделать, чтобы в текстовом поле заранее выводился определенный текст?
6 мая 2022| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 5.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Задача
Вывести в однострочном и многострочном текстовом поле формы произвольный текст.
Решение
Создание однострочного текстового поля осуществляется с помощью тега <input>. Достаточно воспользоваться атрибутом value данного тега и присвоить ему в качестве значения строку. После чего заданный текст появится в поле автоматически (пример 1).
Пример 1. Строка в текстовом поле
<!DOCTYPE html> <html> <head> <meta charset=utf-8"> <title>Текст в поле</title> </head> <body> <form method="post" action=""> <p><input name="textfield" type="text" value="Исходный текст"></p> </form> </body> </html>
В данном примере показано, как создать текст, который будет отображаться в поле сразу при открытии страницы (рис. 1).
Рис. 1. Текстовое поле с заданным текстом
Чтобы добавить текст к многострочному текстовому полю, следует поместить его между тегами <textarea> и </textarea>, как показано в примере 2.
Пример 2. Текст в многострочном текстовом поле
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Текст в поле</title>
</head>
<body>
<form method="post" action="handler.php">
<p><textarea name="textarea" cols="40" rows="5">
Бар - песчаная подводная отмель;
образуется в море на некотором расстоянии от устья реки под
действием морских волн.
</textarea></p>
</form>
</body>
</html>
Учтите, что все переносы строк в тексте и пробелы становятся значимыми и отображаются в текстовом поле. Результат примера показан на рис. 2.
Рис. 2. Текст со всеми пробелами в текстовом поле
Сайт