| 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. Рядок в текстовому полі
HTML5CSS 2.1IECrOpSaFx
<!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. Текст в багаторядковому полі
HTML5CSS 2.1IECrOpSaFx
<!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. Текст з усіма пробілами в текстовому полі