форма логина-пароля

kalyaka-malyaka · December 8, 2008

Доброго времени суток

Вопрос у меня по форме логина-пароля.

Задача - сделать следующее:

Я понимаю, что форму пароля надо делать так:

также я понимаю, что чтобы в поле было вбито заранее слово password, надо его вписать в value=""

но если у инпута тип password, то содержимое value сразу отображается звездочками.

а можно как-то сделать, чтобы при загрузке страницы в поле пароля стояло видимое слово password, а набирался потом пароль скрытым - звездочками?

что-то путано у меня получилось объяснить

я просто не могу придумать, что у гугла спросить и в какую сторону копать.

помогите, плиз.

Victor Ananiev · December 20, 2008

простите за ап топика, просто напоролся на еще одно решение, проверено в опере 9,62 и Мазилле 3 с Ослом 6. Везде работает, и обходится в 2 раза меньше строк.

Этот вариант был описан rash:

Пробовал сначала выводить в поле text, а потом менять его тип на password, но это не срабатывало.

А у меня вроде вышло)

<div><input type="text" id="loginfield" value="Логін   " onfocus="if(this.value=='Логін   '){this.value=''}" onblur="if(this.value==''){this.value='Логін   '}" /></div>
<div><input type="text" id="passfield" value="Пароль   " onfocus="if(this.value=='Пароль   '){this.value=''; this.type='password'; this.focus()}" onblur="if(this.value==''){this.type='text';this.value='Пароль   ';}" /></div>

Дивами обрамлено для валидатора. На сколько я понял в xhtml strict 1.0 так принято)

Edited December 20, 2008 by Vindex10

s0rr0w · December 20, 2008

простите за ап топика, просто напоролся на еще одно решение, проверено в опере 9,62 и Мазилле 3 с Ослом 6. Везде работает, и обходится в 2 раза меньше строк.

Не работает в IE7

Victor Ananiev · December 21, 2008

блин.... А я то думал....

richesclub · January 20, 2009

Здравствуйте, ребята, я почти ноль в создании пароля на страницу...уже 2 дня сижу брожу по форумах, и никак немогу установить формочку пароля и сам пароль на страницу....выше был скрипт.....помогите мне его отредактировать(прописать страницу, куда попадет пользователь после ввода пароля, пароль прописать).....

заранее БЛАГОДАРЕН :rolleyes:

Edited January 20, 2009 by richesclub

s0rr0w · January 20, 2009

Здравствуйте, ребята, я почти ноль в создании пароля на страницу...уже 2 дня сижу брожу по форумах, и никак немогу установить формочку пароля и сам пароль на страницу....выше был скрипт.....помогите мне его отредактировать(прописать страницу, куда попадет пользователь после ввода пароля, пароль прописать).....
заранее БЛАГОДАРЕН

Ничего не понял. :unsure:

richesclub · January 20, 2009

Ничего не понял.

Вот этот скрипт хочу отредактироват ьпод себя:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<style type="text/css">
body {
	font-size: 1em;
	font-family: arial,helvetica,sans-serif;
}

form#login {
	padding: 6px;
	position: relative;
	border: 1px solid grey;
}

div#username, div#password {
	position: relative;
	float: left;
	margin-right: 3px;
}

input#username-field, input#password-field {
	width: 10em;
}

label.overlabel {
	color: #999;
}

label.overlabel-apply {
	position: absolute;
	top: 3px;
	left: 5px;
	z-index: 1;
	color: #999;
}
</style>

<script type="text/javascript">
function initOverLabels () {
if (!document.getElementById) return;	  
var labels, id, field;
labels = document.getElementsByTagName('label');
for (var i = 0; i < labels.length; i++) {	
if (labels[i].className == 'overlabel') {
id = labels[i].htmlFor || labels[i].getAttribute('for');
if (!id || !(field = document.getElementById(id))) {
continue;
}
labels[i].className = 'overlabel-apply';
if (field.value !== '') {
hideLabel(field.getAttribute('id'), true);
}
field.onfocus = function () {
hideLabel(this.getAttribute('id'), true);
};
field.onblur = function () {
if (this.value === '') {
hideLabel(this.getAttribute('id'), false);
}
};
labels[i].onclick = function () {
var id, field;
id = this.getAttribute('for');
if (id && (field = document.getElementById(id))) {
field.focus();
}
};
}
}
};
function hideLabel (field_id, hide) {
var field_for;
var labels = document.getElementsByTagName('label');
for (var i = 0; i < labels.length; i++) {
field_for = labels[i].htmlFor || labels[i].getAttribute('for');
if (field_for == field_id) {
labels[i].style.textIndent = (hide) ? '-1000px' : '0px';
return true;
}
}
}
window.onload = function () {
setTimeout(initOverLabels, 50);
};
</script>

</head>
<body>

<form id="login" action="#" method="post">
<div id="username">
<label for="username-field" class="overlabel">Логин</label>
<input id="username-field" type="text" name="username" title="Username" value="" tabindex="1">
</div>
<div id="password">
<label for="password-field" class="overlabel">Пароль</label>
<input id="password-field" type="password" name="password" title="Password" value="" tabindex="2">
</div>
<div id="submit">
<input type="submit" name="submit" value="Войти!" tabindex="3">
</div>
</form>

</body>
</html>

Что? как? и куда надо вписать? :rolleyes: НУ Неужели никто помочь не может ??? ОЧень срочно надо

Edited January 20, 2009 by richesclub

s0rr0w · January 20, 2009

Вот этот скрипт хочу отредактироват ьпод себя:

Я разрешаю. Редактируй.

:rolleyes:

А если серьезно, то пока не будет внятно и доходчиво описано что и зачем тебе нужно, помощи ты врядли дождешься. Особенно срочно.

richesclub · January 20, 2009

сейчас постараюсь доходчиво обьяснить.... :rolleyes: я же новичок.. пару секунд

richesclub · January 20, 2009

Сейчас постараюсь доходчиво обьяснить:

Есть у меня к примеру страница: http://www.holytea.riches-club.ru/secret.htm и на ней я хочу поставить форму: логи-пароль.

Когда пользователь будет вводить правильный логин-пароль, нужно чтобы его переносило на страницу : http://www.holytea.riches-club.ru/indexsecret.htm

Нужен скрипт , который это делает, и помощь где что менять в НТМЛ коде....

Как сделать это техничеки?

Надеюсь получилось обьяснить :rolleyes:

Edited January 20, 2009 by richesclub

Victor Ananiev · January 20, 2009

PHP азы)

richesclub · January 20, 2009

PHP азы)

понимаю что азы.....но никогда не делал....помогите :rolleyes:

Edited January 20, 2009 by richesclub

s0rr0w · January 20, 2009

понимаю что азы.....но никогда не делал....помогите

Я сегодня добрый.

http://www.google.com/search?hl=uk&q=%...3%D0%BA&lr=

richesclub · January 20, 2009

иду смотреть :rolleyes:

sandy197 · March 26, 2009

Доброго времени суток
Вопрос у меня по форме логина-пароля.
Задача - сделать следующее:
Я понимаю, что форму пароля надо делать так:
<input type="password" />
также я понимаю, что чтобы в поле было вбито заранее слово password, надо его вписать в value=""
но если у инпута тип password, то содержимое value сразу отображается звездочками.
а можно как-то сделать, чтобы при загрузке страницы в поле пароля стояло видимое слово password, а набирался потом пароль скрытым - звездочками?
что-то путано у меня получилось объяснить
я просто не могу придумать, что у гугла спросить и в какую сторону копать.
помогите, плиз.

случайно увидел в форуме! всю ветку прочитать не успел,

но я делал так

работает везде кроме IE!!! там он не может получить свойство type

s0rr0w · March 26, 2009

случайно увидел в форуме! всю ветку прочитать не успел,

Зря, такой способ уже предлагали.

Sign In

форма логина-пароля

Question

Link to comment

Share on other sites

40 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information