Focus input met align center
Ik heb een input veld met volgende opmaak (let op text align)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
.passon{
border-color:#D9B36E;
border-width:2px;
border-style:solid;
color:#000000;
text-align:center;
}
.passoff{
color:#2274F5;
text-align:center;
}
border-color:#D9B36E;
border-width:2px;
border-style:solid;
color:#000000;
text-align:center;
}
.passoff{
color:#2274F5;
text-align:center;
}
Code (php)
1
2
3
4
2
3
4
<form name="login" method="post" action="home.php">
<input type="password" name="password" id="password" maxlength="20" class="" onmousedown="this.className='passon'" onblur="this.className='passoff'">
<input type="submit" name="login" value="Login">
</form>
<input type="password" name="password" id="password" maxlength="20" class="" onmousedown="this.className='passon'" onblur="this.className='passoff'">
<input type="submit" name="login" value="Login">
</form>
Nu wil ik de pagina laten focussen op dat veld, maar dan staat de cursor niet meer gecentreerd en komt de getypte tekst links te staan.
Code (php)
1
2
3
2
3
<script>
document.getElementById('password').focus();
</script>
document.getElementById('password').focus();
</script>
Hoe focus ik zonder de opmaak te verliezen?
Er zijn nog geen reacties op dit bericht.