htmlbook.ru - Для тех, кто делает сайты
Статьи Книги Шаг за шагом Рецепты Форум
Главная страница > Рецепты > Формы > Как сделать, чтобы в текстовом поле заранее выводился...

Краткие рецепты по CSS и HTML

Как сделать, чтобы в текстовом поле заранее выводился определенный текст?

Создание однострочного текстового поля осуществляется с помощью тега <INPUT>. Достаточно воспользоваться параметром value данного тега и присвоить ему в качестве значения строку. После чего заданный текст появится в поле автоматически.

Пример

Валидный HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Текст в поле</title>
</head>
<body>
<form name="form1" method="post" action="">
<p><input name="textfield" type="text" value="Исходный текст"></p>
</form>
</body>
</html>

В данном примере показано, как создать текст, который будет отображаться в поле сразу при открытии страницы.

Чтобы добавить текст к многострочному текстовому полю, следует поместить его между тегами <textarea> и </textarea>.

Пример

Валидный HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Текст в поле</title>
</head>
<body>
<form name="form1" method="post" action="">
<p><textarea name="textarea" cols="50" rows="5">
Бар - песчаная подводная отмель;
образуется в море на некотором расстоянии от устья реки под действием морских волн.
</textarea></p>
</form>
</body>
</html>

Учтите, что все переносы строк в тексте и пробелы становятся значимыми и отображаются в текстовом поле.

Другие статьи по этой теме
Узнали для себя что-то новое из данного рецепта?

Поиск по сайту

Рецепты

Насколько известен данный рецепт

Известен (81)

Известен частично (12)

Не известен (10)

В скобках указано число ответивших людей. Статистика обновляется раз в час.

Copyright 2002–2008 Влад Мержевич, по всем вопросам пишите по адресу: vlad@htmlbook.ru

О сайте | Планы на будущее | Использование сайта | Борьба с ошибками | Технологии | Поддержать проект