Текстовое поле для ввода пароля

Это такое же текстовое поле, как и предыдущий элемент. Разница только в том, что вводимый текст не отображается, вместо него появляются специальные символы, например звездочки. Чаще всего используется при вводе паролей. Все параметры такие же, как у простого текстового поля, кроме параметра type=" password".

Пример:

< form name=" forma1" >

Введите пароль: < br>

< input type=" password" name=" text1" size=" 20"

maxlength=" 50" >

< /form>

Результат:

Начало формы

Введите пароль:

Конец формы

Попробуйте ввести что-нибудь в этом поле.

Флажки

Вы, конечно, встречали подобный элемент:

Начало формы

Какими языками вы владеете:
английский немецкий испанский французский

Конец формы

Он задается все тем же тегом < input>, причем один тег задает один флажок. Нужно четыре флажка, придется четыре раза писать input.

Пример:

< form name=" forma1" >

Какими языками вы владеете: < br>

< input type=" checkbox" name=" lan1" value=" english"

checked> английский

< input type=" checkbox" name=" lan2" value=" german" >

немецкий

< input type=" checkbox" name=" lan3" value=" spanish" >

испанский

< input type=" checkbox" name=" lan4" value=" french" >

французский

< /form>

Рассмотрим его параметры:

• type - тип элемента (в данном случае - checkbox),
• name - имя элемента, указывает программе обработчику формы, какой пункт выбрал пользователь,
• value - значение элемента, указывает программе обработчику формы значение пункта, который выбрал пользователь. В нашем примере выбран пункт английский, следовательно, программа-обработчик получит: lan1=" english",
• checked - им обычно помечают наиболее вероятные для выбора пункты, пользователь щелчком мыши может выбрать другие пункты.

Переключатели

В отличии от флажков, можно выбрать только один пункт. В связи с этим значения параметра name должны быть одинаковы для всех элементов группы. Параметр type=" radio", все остальные такие же, как у флажков.

Пример:

< form name=" forma1" >

Укажите ваш пол: < br>

< input type=" radio" name=" sex" value=" man"

checked> мужской

< input type=" radio" name=" sex" value=" woman" >

женский

< /form>

Результат:

Начало формы

Укажите ваш пол:
мужской женский

Конец формы

Кнопки

Существует четыре вида кнопок:

• submit - кнопка отправки содержимого формы web-серверу. Ее параметры:
  
  
  

o type=" submit" - тип кнопки,

o name - имя кнопки,

o value - надпись на кнопке.

• image - графическая кнопка отправки содержимого формы web-серверу. Для ее использования необходимо подготовить картинку кнопки, а потом использовать ее в виде кнопки. Ее параметры:
  
  
  

o type=" image" - тип графической кнопки,

o name - имя кнопки,

o src - адрес картинки для кнопки.

• reset - кнопка, позволяющая восстановить все значения по умолчанию в форме. Ее параметры:
  
  
  

o type=" reset" - тип кнопки очищения,

o name - имя кнопки,

o value - надпись на кнопке.

• button - произвольная кнопка, ее действия назначаются вами, т.е. сама она делать ничего не умеет. Ее параметры:
  
  
  

o type=" button" - тип произвольной кнопки,

o name - имя кнопки,

o value - надпись на кнопке.

o onclick - указывает, что делать при щелчке по кнопке. Вообще, у этого типа кнопок есть и другие события (например, двойной щелчок), но здесь мы не будем их рассматривать.

Если на форме несколько кнопок, то они должны иметь разные названия.

Пример кода:

< form name=" forma1" >

< input type=" submit" name=" submit" value=" Отправить" >

< input type=" image" name=" but_img" src=" but.gif" >

< input type=" reset" name=" reset" value=" Очистить" >

< input type=" button" name=" button" value=" Отправить" >

< /form>

Результат:

Начало формы

Конец формы

Кнопки можно задавать и по другому, при помощи тегов < button> < /button>. Возможности у таких кнопок несколько шире, они могут иметь содержимое в виде текста или картинки. Этот тег имеет следующие параметры:

• type - тип кнопки, может принимать значения:
  
  
  

o reset - кнопка очистки формы,

o submit - кнопка отправки данных,

o button - кнопка произвольного действия.

• name - имя кнопки,
• value - надпись на кнопке.

Пример кода:

< form name=" forma1" >

< button name=" submit" type=" submit" >

< img src=" mail.gif" align=" absmiddle" >

< font size=" 4" > Отправить < /font>

< /button>

< /form>

Результат:

Начало формы

Отправить

Конец формы