betűméret
Üdv!
Van egy oldalam, megnyitáskor automatikusan betöltődik a mentett jelszó és pass, Az a gondom vele hogy a mentett jelszót is és a pass-t is kicsi betűvel írja bele a szövegmezőbe. Az oldalon bárhova való kattintás után veszi fel a beállított méretet.
Mit csinálok rosszul?
Segítséget köszönöm.
M
■ Van egy oldalam, megnyitáskor automatikusan betöltődik a mentett jelszó és pass, Az a gondom vele hogy a mentett jelszót is és a pass-t is kicsi betűvel írja bele a szövegmezőbe. Az oldalon bárhova való kattintás után veszi fel a beállított méretet.
Mit csinálok rosszul?
<html>
<head>
<style>
* {
margin: 0;
padding: 0;
}
#cimke
{
float: left;
width: 140px;
text-align: left;
}
#mezo
{
float: left;
width: 230px;
text-align: left;
}
#fo
{
float: none;
width: 380px;
}
input[type=text]
{
font-size:30px;
}
input[type=password]
{
font-size:30px;
}
input[type=submit]
{
font-size:25px;
}
body
{
font-size:35px;
}
</style>
</head>
<body bgcolor=ivory>
<br/>
<FORM id='form' method ='POST' action = 'login.php'>
<div id='cimke'>Nicknév:</div>
<div id='mezo'><input type=text name='nev' value='' size='10' maxlength='20' autofocus required ></div> <br/>
<div style='clear: both'><br/></div>
<div id='cimke'>Jelszó:</div>
<div id='mezo'> <input type=password name='pass' value='' size='10' maxlength='20' required ></div>
<input type=submit name=submit value=' Bejelentkezés ' ></div>
</form>
</body>
</html>
<head>
<style>
* {
margin: 0;
padding: 0;
}
#cimke
{
float: left;
width: 140px;
text-align: left;
}
#mezo
{
float: left;
width: 230px;
text-align: left;
}
#fo
{
float: none;
width: 380px;
}
input[type=text]
{
font-size:30px;
}
input[type=password]
{
font-size:30px;
}
input[type=submit]
{
font-size:25px;
}
body
{
font-size:35px;
}
</style>
</head>
<body bgcolor=ivory>
<br/>
<FORM id='form' method ='POST' action = 'login.php'>
<div id='cimke'>Nicknév:</div>
<div id='mezo'><input type=text name='nev' value='' size='10' maxlength='20' autofocus required ></div> <br/>
<div style='clear: both'><br/></div>
<div id='cimke'>Jelszó:</div>
<div id='mezo'> <input type=password name='pass' value='' size='10' maxlength='20' required ></div>
<input type=submit name=submit value=' Bejelentkezés ' ></div>
</form>
</body>
</html>
Segítséget köszönöm.
M
Bocsi, de...
A "jelszó és pass" melyik melyik DOM elem? Inputból "nev" és "pass" nevűeket látok, ezen kívül egy rakat feleslegesen és rosszul id-val hivatkozott div-et.
id: identifier = azonosító. Emiatt "őbelőle" csak 1 lehet.
Ha a betűméret-probléma az inputokon van, annak célszerű a "fizikai" méreteit is és a sormagasságát is a betűmérethez igazítani, "nem fogja magától kitalálni, hogy nagyobb legyen". A kattintást egyáltalán nem értem, hogy miért változik utána, a megadott stílusokhoz nem kéne, hogy köze legyen.
Szerintem megfontolandó, hogy ha ugyanúgy sikerül a login backend-je, mint a frontend, akkor vajon hány perc alatt fog helyetted belépni egy kezdő hacker. Nem rosszból mondom, de ma már biztonsági oldalon ezerszer annyi feladat van, mint design terén és egyetlen hibát elég hagyni..
ok
M