ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

  aranea.ru || Занятия и примеры по HTML | Элемент INPUT

Элемент INPUT

Пример 52
Пример 53
Пример 54
Пример 55
Пример 56
Пример 57
Пример 58
Пример 59

Элемент INPUT определяет большую часть типов управления формы (смотрите раздел 17.4.1 Типы управления, созданные с помощью INPUT).

Рассмотрим примеры элемента INPUT с атрибутом type="тип управления". Установим атрибут action=mailto:admin@aranea.ru. Естественно, примеры этих форм не будут работоспособными (этот вопрос относится к другой теме).

Флажки, type="checkbox"

Пример 52
<HTML> 
  <HEAT><TITLE>ПРИМЕР 52</TITLE></HEAD>
     <BODY> 
     <FORM action="mailto:admin@aranea.ru">
        <TABLE>
         <TR>
           <TD> 
             <INPUT type=checkbox checked> Русский </td> 
             <td> <INPUT type=checkbox> Английский </td> 
             <td> <INPUT type=checkbox> Французский </td>
         <tr>
           <td> <INPUT type=checkbox> Немецкий </td> 
           <td> <INPUT type=checkbox> Японский </td> 
           <td> <INPUT type=checkbox> Китайский </td>
        </TABLE>
     </FORM>
     </BODY>
</HTML>

Селективные кнопки, type="radio"

Пример 53
<HTML> 
  <HEAT><TITLE>ПРИМЕР 53</TITLE></HEAD>
     <BODY> 
     <FORM action="mailto:admin@aranea.ru">
          Ваш возраст.<BR>
<INPUT type="radio" name="age" value="0-7">0-7<BR>
<INPUT type="radio" name="age" value="8-14">8-14<BR>
<INPUT type="radio" name="age" value="15-21" checked>15-21<BR>
<INPUT type="radio" name="age" value="21-30">21-30<BR>
<INPUT type="radio" name="age" value="31-40">31-40<BR>
<INPUT type="radio" name="age" value="41-50">41-50<BR>
<INPUT type="radio" name="age" value=">51">>50<BR>
     </FORM>
     </BODY>
</HTML>

Выбор файла, type="file"

Пример 54
<HTML> 
  <HEAT><TITLE>ПРИМЕР 54</TITLE></HEAD>
     <BODY> 
     <FORM action="mailto:admin@aranea.ru">
<P align=center> Выберите файлы.</P>
<INPUT type=file size=12>Размер 12.
<INPUT type=file size=36>Размер 36.
     </FORM>
     </BODY>
</HTML>

Ввод пароля, type="password"

Пример 55
<HTML> 
  <HEAT><TITLE>ПРИМЕР 55</TITLE></HEAD>
     <BODY> 
     <FORM action="mailto:admin@aranea.ru">
              Введите пароль.<BR>
              <INPUT type=password>     
</FORM>
     </BODY>
</HTML>

Командная кнопка для отправки формы, type="submit"

Пример 56
<HTML> 
  <HEAT><TITLE>ПРИМЕР 56</TITLE></HEAD>
     <BODY> 
     <FORM action="mailto:admin@aranea.ru">
           Кнопка по умолчанию, когда нет value.<BR>
           <INPUT type=submit><BR>
           Для завершения регистрации нажмите кнопку. <BR>
           <INPUT type=submit value="Регистрация"><BR>
          Для подачи запроса нажмите кнопку. <BR>
          <INPUT type=submit value="Запрос">
     </FORM>
     </BODY>
</HTML>

Командная кнопка сброса, type="reset"

Пример 57
<HTML> 
  <HEAT><TITLE>ПРИМЕР 57</TITLE></HEAD>
     <BODY> 
     <FORM action="mailto:admin@aranea.ru">
          <INPUT type=reset>
          <INPUT type=reset value="отмена">
     </FORM>
     </BODY>
</HTML>

Ввод текста, type="text"

Пример 58
<HTML> 
  <HEAT><TITLE>ПРИМЕР 58</TITLE></HEAD>
     <BODY> 
     <FORM action="mailto:admin@aranea.ru">
          Введите ваши данные.
           <TABLE>
              <TR>
                   <TD> Фамилия Имя Отчество </TD> 
                   <TD> <INPUT type="text" name="fio" size="40" value="Иванов Иван Иваныч"> </TD>
             </TR>
              <TR>
                  <TD> Должность </TD> 
                        <TD> <INPUT type="text" name="postion" size="15" value="студент"> </TD>
             </TR>
              <TR>
                  <TD> Адрес </TD> 
                  <TD> <INPUT type="text" name="address" size="15"> </TD>
             </TR>
              <TR>
                  <TD> Телефон </TD> 
                  <TD> <INPUT type="text" name="telephone" size="10"> </TD>
             </TR>
             <TR>
                   <TD> Электронная почта </TD> 
                   <TD> <INPUT type="text" name="email" size="20"> </TD>
              </TR>
               <TR>
                    <TD> Web-сайт </TD> 
                    <TD> <INPUT type="text" name="www" size=25 value="www.aranea.ru"> </TD>
              </TR>
           <TABLE>
         Нажмите кнопку для отправки формы.
            <INPUT type="submit" value=" Послать ">
     </FORM>
     </BODY>
</HTML>

Пользовательская кнопка, type="image"

Пример 59
<HTML> 
  <HEAT><TITLE>ПРИМЕР 59</TITLE></HEAD>
     <BODY> 
     <FORM action="mailto:admin@aranea.ru">
          После заполнения формы нажмите кнопку!
        <INPUT type=image src="aranea_250.jpg" align="left">
     </FORM>
     </BODY>
</HTML>

← Назад | Вперед →
Copyright ©  aranea.ru