HTML

Раздел: | Дата:


HTML

Атрибут password тега input

На этом занятии мы будем учиться создавать форму для ввода пароля. Для ее создания мы будем использовать тег input. Я уже сообщал вам, что большинство форм создаются при помощи этого тега. Открываем текстовым редактором нашу индексную страницу и прописываем в ней:
Как видите создать форму для ввода пароля совсем несложно. Достаточно атрибуту type тега input придать значение password и у нас получилась форма, в которой все введенные символы превращаются в круглые маркеры.

Теперь давайте создадим для нашей формы отдельный абзац, для чего заключим ее в теги Р; пропишем ей название, чтобы народ знал, что в нее вводить; и отметим ее тегами label, чтобы она активировалась не только при клике по ней самой, но и при щелчке по ее названию.
Перед тем, как посмотреть, что у нас получилось в браузере, не забываем сохранить нашу индексную страницу index. html.
Теперь нам осталось дать имя нашей форме, установить ее размеры и ограничить его по количеству вводимых символов. Как и в случае с текстовой формой делается это при помощи атрибутов name, size, и maxlength соответственно. А купить полный сайт В Киеве вы можете, если не хотите заморачиваться.

Для того чтобы закончить это занятие, нам осталось сохранить индексную страницу и посмотреть в браузере, что у нас получилось.

More from my site

  • Юзабильные формы обратной связиЮзабильные формы обратной связи Раздел: | Дата: Наверное перед каждым веб-мастером вставал вопрос, как заставить пользователя вводить информацию (номер телефона, дату и т.д.) в нужном формате, но заставлять […]
  • Прогресс не стоит на местеПрогресс не стоит на месте Раздел: | Дата: Прогресс не стоит на местеНа сегодняшний день многие люди предпочитают совершать покупки, не выходя из дома. Примером этого может быть интернет-магазин мужских […]
  • Где купить комплект видеонаблюденияГде купить комплект видеонаблюдения Раздел: | Дата: Инфракрасное освещение для видеонаблюденияНовые инфракрасные светодиоды от компании Osram Opto Semiconductors позволяют уменьшить размер осветительных приборов […]
  • Инструменты электронного мираИнструменты электронного мира Раздел: | Дата: Очень классный инструмент – виртуальные закладки TopPage!В каждом браузере есть экспресс панель, где-то с большим количеством доступных страниц, где-то с меньшим. […]
  • Минигостиницы в ЛазаревскомМинигостиницы в Лазаревском Раздел: | Дата: Минигостиницы в ЛазаревскомЭто избавит вас от лишнего шума и суеты, а ведь именно об этом мечтают люди, отправляющиеся в отпуск на море. Отель «Best» окружит вас […]
  • Белое SEO продвижение сайтов в МосквеБелое SEO продвижение сайтов в Москве Раздел: | Дата: О белых, серых и черных методах продвижения говорят много: черные методы – те, что запрещены по лицензии поисковых систем, серые – собственно то, что не […]
  • Выбираем потолок на кухнюВыбираем потолок на кухню Раздел: | Дата: Выбираем потолок на кухнюК выбору отделочных материалов для любой комнаты стоит подходить основательно. Особенно это касается самого популярного места в доме – […]
  • Как быстро запомнить комбинации карт в карточной игреКак быстро запомнить комбинации карт в карточной игре Раздел: | Дата: Как быстро запомнить комбинации карт в карточной игреКогда я начинал учиться этой игре мне было сложно запомнить комбинации карт. Когда играешь не сразу можно […]
  • Преимущества создания англоязычной версии сайтаПреимущества создания англоязычной версии сайта Раздел: | Дата: Английский язык - самый популярный язык в мире по количеству носителей языка. Это объясняет решения, принимаемые все большим количеством компаний, переводить свои […]
  • Самодельные окна.  Конструкции самодельных оконСамодельные окна. Конструкции самодельных окон Раздел: | Дата: Самодельные окнаКонструкции самодельных оконУ самодельных окон есть огромное преимущество. Конструкцию и форму самодельного окна можно заказать у индивидуального […]

More from my site

  • Юзабильные формы обратной связиЮзабильные формы обратной связи Раздел: | Дата: Наверное перед каждым веб-мастером вставал вопрос, как заставить пользователя вводить информацию (номер телефона, дату и т.д.) в нужном формате, но заставлять […]
  • Прогресс не стоит на местеПрогресс не стоит на месте Раздел: | Дата: Прогресс не стоит на местеНа сегодняшний день многие люди предпочитают совершать покупки, не выходя из дома. Примером этого может быть интернет-магазин мужских […]
  • Где купить комплект видеонаблюденияГде купить комплект видеонаблюдения Раздел: | Дата: Инфракрасное освещение для видеонаблюденияНовые инфракрасные светодиоды от компании Osram Opto Semiconductors позволяют уменьшить размер осветительных приборов […]
  • Инструменты электронного мираИнструменты электронного мира Раздел: | Дата: Очень классный инструмент – виртуальные закладки TopPage!В каждом браузере есть экспресс панель, где-то с большим количеством доступных страниц, где-то с меньшим. […]
  • Минигостиницы в ЛазаревскомМинигостиницы в Лазаревском Раздел: | Дата: Минигостиницы в ЛазаревскомЭто избавит вас от лишнего шума и суеты, а ведь именно об этом мечтают люди, отправляющиеся в отпуск на море. Отель «Best» окружит вас […]
  • Белое SEO продвижение сайтов в МосквеБелое SEO продвижение сайтов в Москве Раздел: | Дата: О белых, серых и черных методах продвижения говорят много: черные методы – те, что запрещены по лицензии поисковых систем, серые – собственно то, что не […]
  • Выбираем потолок на кухнюВыбираем потолок на кухню Раздел: | Дата: Выбираем потолок на кухнюК выбору отделочных материалов для любой комнаты стоит подходить основательно. Особенно это касается самого популярного места в доме – […]
  • Как быстро запомнить комбинации карт в карточной игреКак быстро запомнить комбинации карт в карточной игре Раздел: | Дата: Как быстро запомнить комбинации карт в карточной игреКогда я начинал учиться этой игре мне было сложно запомнить комбинации карт. Когда играешь не сразу можно […]
  • Преимущества создания англоязычной версии сайтаПреимущества создания англоязычной версии сайта Раздел: | Дата: Английский язык - самый популярный язык в мире по количеству носителей языка. Это объясняет решения, принимаемые все большим количеством компаний, переводить свои […]
  • Самодельные окна.  Конструкции самодельных оконСамодельные окна. Конструкции самодельных окон Раздел: | Дата: Самодельные окнаКонструкции самодельных оконУ самодельных окон есть огромное преимущество. Конструкцию и форму самодельного окна можно заказать у индивидуального […]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *