Как сделать окно ввода логина и пароля
Обновлено: 17.05.2024
Практическое руководство. Создание текстового поля для ввода пароля с помощью элемента управления TextBox в Windows Forms
поле пароля — это Windows Forms текстовое поле, которое отображает символы-заместители, когда пользователь вводит строку.
Создание текстового поля пароля
Задайте PasswordChar TextBox для свойства элемента управления конкретный символ.
PasswordCharСвойство определяет символ, отображаемый в текстовом поле. Например, если вы хотите, чтобы в поле пароль отображались звездочки, укажите * для PasswordChar свойства в окно свойств. Затем, независимо от того, какой символ пользователь вводит в текстовое поле, отображается звездочка.
Используемых Задайте MaxLength свойство. Свойство определяет, сколько символов можно ввести в текстовое поле. Если превышена максимальная длина, система выдает звуковой сигнал, и текстовое поле не принимает больше символов. Обратите внимание, что это может быть нежелательно, так как максимальная длина пароля может быть использована хакерами, пытающимися угадать пароль.
В следующем примере кода показано, как инициализировать текстовое поле, которое будет принимать строку длиной до 14 символов и отображать звездочки вместо строки. InitializeMyControl Процедура не будет выполнена автоматически; ее необходимо вызвать.
Использование PasswordChar свойства в текстовом поле позволяет гарантировать, что другие пользователи не смогут определить пароль пользователя, если он следит за его вводом. Эта мера безопасности не охватывает никаких операций хранения или передачи пароля, которые могут возникать из-за логики приложения. Поскольку введенный текст не шифруется каким-либо образом, его следует обрабатывать так же, как любые другие конфиденциальные данные. Несмотря на то, что он не отображается, пароль по-прежнему обрабатывается как обычный текст (если не была реализована дополнительная мера безопасности).
Поле с паролем
Чем же нас не устраивает <input type="password" />
?
Ваш •••••• всегда скрыт. Это раздражает. Раздражает тем больше, что нельзя просто так взять и поменять тип поля с password на text, поэтому приходится что-то изобретать. Времени на такую мелочь, как пароль, редко когда выделяют много, поэтому изобретается чаще всего велосипед.
В случае формы логина, пароль, возможно, и нет смысла показывать. С регистрацией же всё сложнее. Не все используют хранилки паролей, многие вводят пароль «руками». Его можно ввести неправильно, для этого обычно добавляют второе поле с паролем. Однако же, это издевательство над пользователем не спасает от случая, когда выбрана неправильная раскладка. Кроме того, если пользователь хочет куда-то сохранить введённый аж два раза пароль, он не может этого сделать. Некоторые вообще после проверки пароля очищают его (предполагая, что пользователь введёт его снова и на этот раз уж точно придумает такой, как надо):
когда вы делаете так, где-то снова убивают котёнка
Многие сайты, порталы,… валидируют пароли по своим правилам (например, что в нём должны быть цифры и буквы одновременно и длина не менее 10 символов). Таким образом, разработчик будет уверен, что пользователь не введёт что-то вроде «123». Идея здравая. Как же это выглядит на практике? Вот так:
будь мужиком, покажи свой большой пароль
Пожалуй, самый ужасный вариант (я побоялся кликнуть на ссылку more):
регистрация на одном очень известном сайте
Пароли вводят не только при регистрации. Пароли вводят ещё для других людей (например, в админке надо редактировать пароль к какому-то скрипту у партнёра или что-то в таком же духе). В таких случаях обычно добавляют кнопочку генерации пароля, которая избавит оператора от необходимости что-то придумывать (при этом, останется возможность ввести своё).
Очевидно, что надо иметь возможность как-то скопировать сгенерированный пароль, для этого поле с паролем в самом простом случае делается обычным текстовым полем. Зашёл отредактировать другую настройку на той же страничке — увидел пароль. Показал настройку на проекторе — все увидели пароль. Не очень удобно (но времени нет, поэтому пока так и останется, всё равно ж это внутренняя админка):
пароль с генератором
Решаем проблемы
Так как разные из фич надо добавлять часто и реализация их — не всегда простая задача, я написал плагин для jQuery (вообще это js-библиотека, не требующая наличия jQuery, но для краткости буду называть плагином), который позволяет сделать поле с паролем более дружелюбным. Что в нём есть и для чего это надо?
Кнопка отображения пароля
Она позволяет показать пароль, когда он нужен, скопировать, изменить, проверить его и скрыть снова. Пароль по желанию разработчика может быть скрыт или показан, как при создании поля, так и в любой момент:
скрыть-показать пароль
Замечу, что в IE10 тоже сделали нечто подобное (правда пароль нельзя скопировать и надо держать кнопку мышки нажатой, чтобы видеть или редактировать пароль открытым текстом):
кнопка, которую добавляет IE10
Генерация
Чтобы добавить возможность сгенерировать пароль, можно показать кнопку (есть и подсказка, когда пользователь долго думает над паролем):
кнопка-генератор
Пароль получится подходящий именно под те правила, какие задумал разработчик. Если пользователь сгенерировал пароль, он автоматически отображается текстом.
Проверка пароля
- длина (чем меньше, тем слабее):
- входжения символов: есть ли цифры, буквы, другое. Что именно, задаётся разработчиком в виде паттерна (например, abCD23):
- проверка на стоп-лист (например, даже если «qwerty» или «p@ssw0rd» могут казаться алгоритму сложными паролями, на самом деле это не так). Проверяем топ 10 самых-самых, плюс то, что захочет разработчик:
Если поле не в фокусе
Совместимость
Демка тут, там же описание API.
Возможно, плагин будет полезен кому-то ещё, поэтому исходник выложен на github, если надо — пользуйтесь где угодно.
Как сделать поля ввода логин, пароль.
Замечательная статья! Как основывающему азы сайтоделания, очень помогло=) Жду продолжения.
Ангелина 28.09.2011 15:55:00
Ай 13.10.2011 20:30:40
Всё прекрасно,только какой код внутри avtor.php для обработки?
lera 25.10.2011 09:02:46
я не понила
ЯРИК 11.01.2012 20:55:12
КАК СОЗДАТЬ ПАРОЛЬ И ЛОГИН
руслан 16.02.2012 11:18:01
большое спасибо .как создать логин ипароль
anonymous 03.04.2012 11:32:57
А если нужен не логин и пароль.. ну , вообщем, не важно. Нужно, чтобы ввод с этих полей отображался на этой же странице, ниже полей
Упрощаем регистрацию и вход на сайт
Существует множество различных способов создания форм регистрации и авторизации. Большинство дизайнеров знакомы с традиционными способами.
Однако, зная и используя некоторые инновационные техники, можно сделать формы понятнее и легче для заполнения.
Форма авторизации на сайте Basecamp
В этой статье мы представляем несколько идей, которые могли бы оказаться полезными для ваших проектов. Но, собираясь использовать их, пожалуйста убедитесь в том, что правильно понимаете контекст, в котором их следует применять. А еще мы будем рады увидеть результаты юзабилити-тестирований, подтверждающие или опровеграющие советы, изложенные ниже.
Упрощаем форму регистрации
Цель любой веб-формы заключается в том, чтобы пользователь легко и правильно ее заполнил. Если форма слишком длинная и сложная, то впечатление пользователя от сайта может быть испорчено. Ниже представлено несколько приемов, которые помогут сделать так, чтобы пользователи заполняли ваши формы легко и быстро.
Спрашивайте имя пользователя уже после регистрации
Во время заполнения формы регистрации от пользователя требуется придумать и ввести уникальное имя. И если пользователь придумывает и вводит уже кем-то занятое имя, ему приходится думать еще, он тратит свое время и терпение. Вместо того чтобы требовать у посетителей имя в процессе регистрации, вы вполне можете спросить его сразу после этого процесса. В таком случае вы не будете тормозить процесс регистрации пользователя необходимостью придумать оригинальное имя только для того, чтобы удовлетворить ненавистную форму.
Спрашивайте пароль только один раз
Многие формы регистрации предлагают пользователям ввести пароль в два поля. Причины этого вполне понятны — вводимый пароль в форме прячется за маской из соображений безопасности: так люди за спиной не смогут его увидеть. А два поля в этом случае помогают избежать опечаток.
Однако на практике это приводит к еще большему количеству ошибок, потому что пользователю приходится печатать больше. Он не видит, какие символы вводит, и каждый раз при вводе пароля не уверен в том, что печатает правильный пароль.
Автозаполнение поля «город» на основе почтового индекса
Автоподстановка в поле «страна»
Позволяйте пользователям скопировать платежный адрес из адреса доставки
Не ставьте по умолчанию галочку в чекбоксе «Подписаться на рассылку», предлагайте сначала посмотреть превью письма
Более эффективным подходом было бы продемонстрировать превью или отрывок письма из рассылки. В таком случае пользователи смогут наглядно представить что они потеряют, если не подпишутся. А еще вы будете спать спокойно, зная, что вашу рассылку получают только те, кто точно в ней заинтересован.
Боритесь со спамом, пряча при помощи JavaScript текстовое поле, вместо использования капчи
Также вы можете использовать подход Honeypot Captcha — в форме создается поле, которое следует оставить пустым, а затем в CSS оно скрывается от пользователя (но не от ботов). И если при отправке данных в поле появляется какой-то текст, вы можете игнорировать этот случай заполнения формы, т.к. перед вами спам бот.
Упрощаем формы входа на сайт
Задача любой формы авторизации — пустить пользователя в его аккаунт. Не смотря на такую простую задачу, одни формы авторизации решают ее лучше других. Вот вам несколько простых способов того, как помочь пользователям входить в свой аккаунт легче и быстрее.
Дайте возможность использовать адреса электронной почты в качестве логина
Запомнить адрес электронной почты гораздо легче (мы пользуемся им постоянно), чем запомнить логин (который придуман для конкретного сайта). Дайте пользователям возможность авторизоваться, используя и имя пользователя, и свою электронную почту. В случае, если пользователь забудет свой логин, он всегда сможет войти под своей электропочтой.
Авторизируйте пользователя так, чтобы он оставался на той же странице
Авторизация на сайте — это важная функция, и пользователи захотят иметь возможность авторизоваться с любой странички на сайте. Так что не забудьте сделать так, чтобы после входа на сайт пользователь попал на ту же страничку, с которой он авторизовывался. Это сделает процесс проще и поможет пользователю сразу приступить к решению своей задачи на сайте.
Существует два пути реализации такого процесса: выпадающая форма и модальное окно.
Автоматически устанавливайте курсор в первое поле формы
Как только пользователи увидят перед собой форму авторизации, они будут готовы к тому, чтобы войти на сайт. Вы можете облегчить им задачу, размещая курсор в первом поле ввода. Тогда пользователям не придется наводить мышку на поле и кликать по нему. Они смогут держать руки на клавиатуре и сразу же начать вводить необходимые данные. При авто-фокусировке поле должно отчетливо подсвечиваться — это поможет пользователю понять что уже можно начинать печатать.
Позвольте пользователям видеть их пароли
Эта опция полезна при авторизации точно так же, как и при регистрации. Если пользователи не видят символов в поле, они легко могут опечататься, после чего им придется вводить пароль заново до тех пор, пока они не введут его правильно.
Используйте иконку вопроса в качестве ссылки для восстановления пароля
Пользователи не должны испытывть проблем с поиском ссылки восстановления пароля в форме. Вместо того, чтобы использовать слова «Забыли пароль?» в качестве ссылки, достаточно сделать ссылкой маленькую иконку в виде знака вопроса, которая не потеряется среди других ссылок и не занимает много места. Знак вопроса это понятный всем значок помощи, так что пользователи поймут куда им нужно идти для того, чтобы восстановить забытый пароль.
Делайте кнопку «Подтвердить» такой же ширины, что и поля ввода
Кнопка подтверждения создана не просто для того, чтобы сделать возможным действие — она еще показывает какое именно действие пользователь сейчас совершит. Маленький размер кнопки означает слабую подсказку к манипулированию, из-за чего пользователь может сомневаться в нужности данного действия.
Широкая кнопка придает уверенности, и её трудно не заметить. Название кнопки также становится заметнее, поэтому пользователь лучше понимает действие, которое собирается совершить.
Разрешите пользователям логиниться с аккаунтов в Facebook, Twitter или с помощью OpenID
Сейчас почти все имеют аккаунты в Facebook и Twitter или пользуются OpenID. Разрешите пользователям логиниться с их помощью, и они смогут заходить на сайт практически мгновенно, без необходимости возиться с формой авторизации. А еще они будут избавлены от нужды хранить десятки логинов и паролей для посещаемых сайтов.
Заключение
Ваши формы регистрации и авторизации не должны усложнять жизнь пользователям, ведь заполнение форм — это то еще развлечение. Наши советы помогут вам сделать формы проще и эффективнее, так что путь ваших пользователей к содержимому сайта будет короче и приятней.
<input type="password">
<input> элементы типа "password" предоставляют пользователю возможность безопасного ввода пароль. Элемент представлен как однострочный текстовый редактор, в котором текст затенён, чтобы его нельзя было прочитать, как правило, путём замены каждого символа другим символом, таким как звёздочка ("*") или точка ("•"). Этот символ будет меняться в зависимости от user agent и OS.
Особенности работы процесса ввода могут отличаться от браузера к браузеру; мобильные устройства, например, часто отображают вводимый символ на мгновение, прежде чем закрывать его, чтобы позволить пользователю быть уверенным, что они нажали клавишу, которую они хотели нажать; это полезно, учитывая небольшой размер клавиш и лёгкость, с которой может быть нажата неправильная, особенно на виртуальных клавиатурах.
| Value | DOMString представляет пароль или пустую строку |
| События | change (en-US) и input (en-US) |
| Общие поддерживаемые атрибуты | autocomplete , inputmode , maxlength , minlength , pattern , placeholder , readonly , required , and size |
| IDL атрибуты | selectionStart , selectionEnd , selectionDirection , и value |
| Методы | select() (en-US) , setRangeText() (en-US) , и setSelectionRange() |
Значения
Атрибут value содержит DOMString , значение которого является текущим содержимым элемента редактирования текста, используемого для ввода пароля. Если пользователь ещё ничего не указал, это значение представляет собой пустую строку ( "" ). Если указано свойство required , то поле ввода пароля должно содержать значение, отличное от пустой строки, которое должно быть действительным.
Если указан атрибут pattern , содержимое элемента управления "password" считается действительным только в том случае, если значение проходит проверку; см. Validation для получения дополнительной информации.
Символы строки (U+000A) и возврата каретки(U+000D) недопустимы в значении поля "password" . При вставке пароля, возвращаемые символы удаляются из значения.
Использование полей ввода пароля
Поля ввода пароля обычно работают так же, как и другие текстовые поля ввода; основное отличие состоит в том, чтобы скрывать введённый контент, чтобы люди, не знакомые с пользователем, не могли прочитать его пароль.
Простое поле ввода пароля
Здесь мы видим самый простое поле ввода пароля, с меткой, установленной с помощью элемента <label> .
Поддержка автозаполнения
Чтобы менеджер паролей пользователя автоматически вводил пароль, укажите атрибут autocomplete . Для паролей должно быть одно из следующих значений:
"on" Разрешить браузеру или менеджеру паролей автоматически заполнять поле пароля. Это не так информативно, как использование "current-password" или "new-password" . "off" Запрещает браузеру или менеджеру паролей автоматически заполнять поле пароля. "current-password" Разрешить браузеру или менеджеру паролей вводить текущий пароль для сайта. Это даёт больше информации, чем "on" , так как позволяет браузеру или менеджеру паролей знать, что в настоящее время известен пароль для сайта в поле, а не используется новый. "new-password" Разрешить браузеру или менеджеру паролей автоматически вводить новый пароль для сайта. Он может быть автоматически сгенерирован на основе других атрибутов элемента управления или может просто указать браузеру представить виджет «предлагаемого нового пароля».
Обязательное заполнение пароля
Чтобы сообщить браузеру пользователя, что поле пароля должно иметь действительное значение перед отправкой формы, просто укажите Boolean атрибут required .
Указание режима ввода
Если ваше приложение лучше обслуживается с использованием другого режима ввода, чем по умолчанию, вы можете использовать атрибут inputmode для определённого запроса. Наиболее очевидным вариантом использования является то, что ваше приложение использует в качестве пароля числовое значение (например, ПИН). Например, мобильные устройства с виртуальными клавиатурами могут переключаться на макет цифровой клавиатуры вместо полной клавиатуры, чтобы облегчить ввод пароля.
Настройка длины пароля
Как обычно, вы можете использовать атрибуты minlength и maxlength , чтобы установить минимальную и максимальную допустимую длину пароля , Этот пример дополняет предыдущий, указав, что PIN-код пользователя должен быть не менее четырёх и не более восьми цифр. Атрибут size используется для обеспечения того, чтобы элемент управления ввода пароля имел ширину в восемь символов.
Выделение текста
Как и другие элементы управления текстовой записью, вы можете использовать метод select() (en-US) для выбора всего текста в поле пароля.
JavaScript
Результат
Вы также можете использовать selectionStart и selectionEnd , чтобы получить (или установить), какой диапазон символов в элементе управления, и selectionDirection , чтобы узнать, какой выбор направления произошёл (или будет расширен в зависимости от вашей платформы, см. его документацию для объяснения) , Однако, учитывая, что текст затенён, их полезность несколько ограничена.
Валидация
Если ваше приложение имеет ограничения по набору символов или любые другие требования для фактического содержимого введённого пароля, вы можете использовать атрибут pattern , чтобы установить регулярное выражение, чтобы автоматически гарантировать, что ваши пароли соответствуют этим требованиям.
В этом примере допустимы только значения, состоящие как минимум из четырёх и не более восьми шестнадцатеричных цифр.
Этот Boolean атрибут указывает, что поле пароля недоступно для взаимодействия. Кроме того, отключённые значения полей не отправляются с формой.
Примеры
Запрос номера социального страхования
В этом примере принимается только ввод, который соответствует формату действительного номера социального страхования Соединённых Штатов. Эти цифры, используемые для целей налогообложения и идентификации в США, представлены в форме «123-45-6789». Также существуют различные правила, для которых допустимы значения в каждой группе.
Здесь используется pattern , который ограничивает введённое значение строками, представляющими номера юридической информации Социальной защиты. Очевидно, что это регулярное выражение не гарантирует действительный SSN, но гарантирует, что число может быть единым; он обычно избегает недопустимых значений. Кроме того, он позволяет разделять три группы цифр пробелом, тире ("-") или ничем.
В inputmode установлено значение "number" , чтобы побудить устройства с виртуальными клавиатурами переключаться на макет цифровой клавиатуры для облегчения ввода. Для атрибутов minlength и maxlength установлено значение 9 и 12 соответственно, чтобы требовалось, чтобы значение было не менее девяти и не более 12 символов (первый не разделяет символы между группами цифр и последними с ними). Атрибут required используется для указания того, что этот элемент управления должен иметь значение. Наконец, autocomplete установлен "off" , чтобы избежать попыток установить пароли менеджеров паролей.
Устранение проблем при входе на веб-сайты, которые требуют ввода имени пользователя и пароля
Если вы обнаружите, что не можете войти на сайт, которому требуется имя пользователя и пароль, выполните шаги, описанные в этой статье.
- Если вы можете войти на сайт вручную, но не можете сохранить или использовать сохранённые имена пользователей и пароли, смотри Не запоминаются имя пользователя и пароль.
Оглавление
Включите куки для веб-сайта
Убедитесь, что для данного сайта включены куки.
- Прочитайте статью Веб-сайты сообщают что куки заблокированы - Как их разблокировать для получения инструкций, если вы изменили какие-либо параметры, попробуйте войти на сайт снова.
Очистите историю для этого сайта
Куки и временные данные, которые уже хранятся на вашем компьютере, могут быть причиной проблемы. Удалите их, затем проведите проверку наличия вашей проблемы:
Удалите все куки и кэш
Если удаление кук для сайта, с которым возникли проблемы, не устраняет ошибку, удалите все куки, хранящиеся на вашем компьютере, и очистите кэш Firefox:
Чтобы узнать больше об очистке файлов кук, данных сайта и кэшированного веб-содержимого в Firefox, прочитайте статью Удаление куков для удаления информации, которую веб-сайты сохранили на моем компьютере.
Проверьте Расширения
Некоторые расширения могут вызвать проблемы при регистрации на веб-сайтах, особенно расширения, связанные с определёнными веб-сайтами. Прочитайте статью Устранение проблем с расширениями, темами и аппаратным ускорением для решения типичных проблем в Firefox.
Приложение обеспечения безопасности блокирует куки
Некоторые приложения обеспечения безопасности и приватности в Интернете имеют функции, которые блокируют куки. Обратитесь к документации, прилагаемой к программному обеспечению, или посетите сайт поддержки поставщика программного обеспечения, чтобы проверить, включает ли ваше приложение в себя функцию управления куками, и как вы можете изменить эти настройки.
Удалите поврежденный файл с куками
Если вы не можете войти на веб-сайты после удаления связанных с ним куков, очистки кэша Firefox и отключения ваших расширений и плагинов , а также проверки программы обеспечения Интернет-безопасности , возможно ваш файл с куками в папке профиля Firefox был повреждён.
Это приведет к удалению всех сохранённых у вас куков и по существу разрегистрирует вас из всех сохранённых сессий на всех сайтах.Откройте папку вашего профиля:
- Щёлкните по кнопке меню , затем щёлкните по кнопке Справка и выберите Информация для решения проблем Информация для решения проблем . Из меню Справка выберите Информация для решения проблем Информация для решения проблем . Откроется вкладка Информация для решения проблем.
- В разделе Сведения о приложении рядом с Папка Директория профиля щёлкните по кнопке Открыть папку Показать в Finder Открыть каталог . Откроется окно, содержащее папку вашего профиля. Откроется папка вашего профиля.
Щёлкните по кнопке меню и выберите Выход .
Щёлкните по меню Firefox и выберите Выход . Откройте меню Firefox в верхней части экрана и выберите Выйти из Firefox . Откройте меню Firefox и выберите Выход .
Эти прекрасные люди помогли написать эту статью:
Станьте волонтёром
Растите и делитесь опытом с другими. Отвечайте на вопросы и улучшайте нашу базу знаний.
Поле для ввода пароля
Поле для ввода пароля — обычное текстовое поле, вводимый текст в котором в зависимости от браузера отображается звёздочками или точками. Такая особенность предназначена для того, чтобы никто не подглядел вводимый пароль. Хотя вводимый текст и не показывается на экране, на сервер введённая информация передаётся в открытом виде без шифрования. Поэтому использование этого поля не обеспечивает безопасности данных и их можно перехватить.
Синтаксис создания следующий.
Атрибуты совпадают с атрибутами текстового поля и перечислены в табл. 1.
| Атрибут | Описание |
|---|---|
| size | Ширина поля с паролем, которая определяется числом звёздочек моноширинного шрифта. |
| maxlength | Устанавливает максимальное число символов, которое может быть введено пользователем в поле. Когда это количество достигается при наборе, дальнейший ввод становится невозможным. Если этот атрибут не указывать, то можно вводить строку больше самого поля. |
| name | Имя поля; предназначено для того, чтобы обработчик формы мог его идентифицировать. |
| value | Начальный текст, который выводится в поле. Этот текст не отображается и заменяется звездочками. |
Поле для пароля нашло широкое применение на сайтах для авторизации пользователей и разграничения доступа к разделам сайта, где требуется подтвердить свои полномочия. В примере 1 показано, как создавать подобные поля.
Пример 1. Поле с паролем
В результате получим следующее (рис. 1).
Рис. 1. Вид поля с паролем
К полю с паролем применимы стилевые свойства задающие параметры цвета, фона, рамки и др. В примере 2 показано добавление фоновых картинок к полям формы. За основу возьмём стиль как для текстовых полей.
Пример 2. Добавление изображения в текстовое поле
Результат данного примера показан на рис. 2. Картинки добавляются в качестве фона, поэтому текст обязательно надо сдвинуть вправо через padding-left , в противном случае он будет выводиться поверх изображения.
Поле для пароля
Поле для пароля — обычное текстовое поле, но отличается от него тем, что все вводимые символы отображаются звездочками, точками или другими знаками (это зависит от браузера и операционной системы). Поле предназначено для того, чтобы никто не подглядел вводимый пароль.
Синтаксис создания следующий.
Атрибуты практически совпадают с атрибутами текстового поля и перечислены в табл. 1.
| Атрибут | Описание |
|---|---|
| name | Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать. |
| disabled | Блокирует поле для ввода пароля и не отправляет данные на сервер. |
| form | Идентификатор формы для связывания поля с паролем с элементом <form> . |
| type | Для поля с паролем мы указываем значение password . |
| maxlength | Устанавливает максимальное число символов, которое может быть введено пользователем в поле. Когда это количество достигается при наборе, дальнейший ввод становится невозможным. Если данный атрибут опустить, то можно вводить длинный пароль. |
| readonly | Блокирует поле для ввода пароля. |
| size | Ширина поля, которая определяется числом символов моноширинного шрифта. |
| value | Начальный пароль, который выводится в поле, но не отображается как текст. |
| autocomplete | Введённый ранее пароль запоминается браузером и подставляется при следующем вводе. |
| autofocus | Поле получает фокус после загрузки документа. |
| pattern | Шаблон ввода пароля. |
| required | Указывает, что пароль является обязательным для заполнения. |
| placeholder | Добавляет подсказку, которая исчезает при вводе пароля. |
Создание поля для ввода пароля показано в примере 1.
Пример 1. Поле с паролем
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Поле с паролем</title> </head> <body> <form action="handler.php"> <p><strong>Логин:</strong> <input maxlength="25" size="40" name="login"></p> <p><strong>Пароль:</strong> <input type="password" maxlength="25" size="40" name="password"></p> <p><input type="submit" value="Войти"></p> </form> </body> </html>
В результате получим следующее (рис. 1).
Рис. 1. Вид поля с паролем
Форма для ввода пароля и логина
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Лучшие ответы ( 1 ) 94731 / 64177 / 26122 Ответы с готовыми решениями:Форма для ввода логина и пароля для входа
Имеется форма для ввода логина и пароля для входа в административный раздел сайта, файл index.php.
Скрипт для автоматического ввода логина и пароля для другого сайта
Как сделать скрипт автоматического ввода логина и пароля для другого сайта, допустим у меня есть.
Ссылки после ввода логина и пароля не работают
Не могу понять в чем ошибка и почему ссылки после ввода логина и пароля не работают(( вот код.
Форма для ввода логина и пароля
Здравствуйте, помогите разобраться! Программа такова: Администратор ведёт базу с инструкторами (в.
Читайте также: