Оглавление

Фильтры форм

Доминирующая роль форм, которые в наши дни используются практически на всех веб-сайтах, побудила к созданию ряда фильтров, специально предназначенных для работы с ними.
Поскольку в нашем тестовом HTML-примере элементы формы отсутствуют, для выполнения следующих упражнений нам потребуется дополнить файл новой разметкой.
Добавьте в файл index.html следующий HTML-код, поместив его между последним дескриптором р и первым дескриптором script.

 

<form action="#" method="post"> 
   <fieldset>
      <legend>Форма для ввода учетных данных</legend>
       <label  for="name">Имя</label><br  /> 
      <input name="name"  id="name" type="text"   /><br /> 
      <label  for="password">Пароль</label><br /> 
      <input name="password"  id="password" 
            type="password"  /><br /><br /> 
      <label>
          <input type="radio" name="loc"  />
         Я использую свой компьютер
         </label><br /> 
      <label>
         <input type="radio" name="loc" checked="checked" />
         Я использую общий компьютер
         </label><br /><br />
         <input type="submit" value="Войти" /><br /> 
      <label>
         <input type="checkbox" name="notify" 
            disabled="true" />
         Сохранить мои учетные данные на этом компьютере 
      </label><br /> 
   </fieldset> 
</form>

 

После сохранения файла и перезагрузки страницы http://localhost/testing/ в браузере должна отобразиться следующая тестовая форма (рис. 1.5).

 

 Вид формы после изменения содержимого файла index. html

 Рис. 1.5. Вид формы после изменения содержимого файла index. html

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити