Web-конструирование


Содержание:

HTML

CSS

JavaScript


Версия для печати

Поле ввода (TEXT)

Свойства

  • name. Имя объекта.
  • defaultValue. Начальное содержимое поля.
  • value. Текущее содержимое поля.

Методы

  • focus( ). Передает полю фокус ввода.
  • blur( ). Отбирает у поля фокус ввода.
  • select( ). Выделяет содержимое поля.

    Пример:

	<html>
	<head>
	<meta http-equiv=Content-Type content="text/html;
	charset=windows-1251">
		<SCRIPT LANGUAGE="JavaScript">
		<!--
		function Complete()
		{
		Elem="Фамилия: " + Sel.Family.value +
		"\nИмя: " + Sel.Name.value +

		"\nВозраст: " + Sel.Age.value +
		"\nТелефон: " + Sel.Phone.value;
		alert(Elem);
		}
		function CheckAge(age)
		{
		if(age<18)
		   return "18";
		  else
		   return
		age;
		}
		//-->
		</SCRIPT>
	</head>
	<body lang=RU>
		<H1>Заполните анкету</H1>

		<FORM NAME="Sel">
		<!-- Анкета -->
		<TABLE>
		<TR><TD><B>Фамилия:<B></TD><TD><
		INPUT NAME="Family" SIZE=20
		onBlur="this.value=this.value.toUpperCase()"></TD></TR>

		<TR><TD><B>Имя:<B></TD><TD><INPUT
		NAME="Name" SIZE=20
		onBlur="this.value=this.value.toUpperCase()"></TD></TR>
		<TR><TD><B>Возраст:<B></TD><TD><
		INPUT NAME="Age" 		SIZE=3	VALUE="18"

		onBlur="this.value=CheckAge(this.value)"
		onFocus="this.select()"></TD></TR>
		<TR><TD><B>Телефон:<B></TD><TD><
		INPUT NAME="Phone"

		SIZE=10></TD></TR>
		</TABLE>
		<!-- Кнопки готовности и сброса -->
		<INPUT TYPE="button" VALUE="Готово"onClick="Complete();">

		<INPUT TYPE="reset" VALUE="Сброс">
		</FORM>
	</body>
	</html>

Заполните анкету

Фамилия:
Имя:
Возраст:
Телефон:

Обратите внимание на то, что символы фамилии и имени при потере фокуса соответствующими полями преобразуются в прописные. Для этого используется метод toUpperCase, определенный во встроенном классе строк.

Практическая работа



счетчик посещений



© 2010 Е. Яковлева E-mail: lena_ngpu@mail.ru

Сайт управляется системой uCoz