Помогите с type='passwood'
Здравствуйте! Я начинающий верстальщик я только учусь!
Мне очень нужна ваша помощь... сижу уже часа 2 над Dreamweaver. И не могу никак сообразить как тут надо сделать... Задача такова нужно сделать 5 (<input type="Password" size="5" maxlength="5"/>) и сделать так что бы при вводе последнего 5-го символа автоматически переключалось на другой type='Password'. Очень вас прошу. Помогите!:help: |
от, только не будет работать если пользователь вставит пароль, ну ты там я думаю уже под-шаманишь с разными событиями))
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<body>
<input type="password" id="f1" maxlength="5" onkeypress="if(this.value.length==5){document.getElementById('f2').focus()}"/>
<input type="password" id="f2" maxlength="5" onkeypress="if(this.value.length==5){document.getElementById('f3').focus()}" />
<input type="password" id="f3" maxlength="5" onkeypress="if(this.value.length==5){document.getElementById('f4').focus()}" />
<input type="password" id="f4" maxlength="5" onkeypress="if(this.value.length==5){document.getElementById('f5').focus()}" />
<input type="password" id="f5" maxlength="5" onkeypress="if(this.value.length==5){document.getElementById('f5').blur()}"/>
</body>
</html>
|
1 onkeydown
2 через функцию-обработчик и addEventListener лучше |
Цитата:
<script type="text/javascript">
window.onload = function(){
var input = document.getElementsByName('input'), i = input.length;
while(i--){
input[i].onkeyup = (function(i){
return function(){
if(this.size == this.value.length && input[i+1]) input[i+1].focus();
};
})(i);
}
};
</script>
<input type="password" size="5" maxlength="5" name="input" />
<input type="password" size="5" maxlength="5" name="input" />
<input type="password" size="5" maxlength="5" name="input" />
|
| Часовой пояс GMT +3, время: 17:16. |