Przykłady input type="text" i type="password"
kod
| wynik
|
1. Zwykły input
<form>
<input type="text" name="text">
</form>
|
|
2. Etykietka inputa
<form>
Wpisz imię<input type="text" name="text">
</form>
|
|
3. input type="password"
<form>
Wpisz login<input type="text" name="text"><br />
Wpisz login<input type="password" name="pass"><br />
<input type="submit" name="zaloguj" value="zaloguj"><br />
</form>
|
|
4. input type="reset"
<form>
Wpisz login<input type="text" name="text"><br />
Wpisz login<input type="password" name="pass"><br />
<input type="reset" name="reset" value="wyczyść"><br />
<input type="submit" name="zaloguj" value="zaloguj"><br />
</form>
|
|
5. size="5"
<form>
Wpisz login<input type="text" name="text" size="5"><br />
Wpisz pass<input type="password" name="pass"><br />
<input type="reset" name="reset" value="wyczyść"><br />
<input type="submit" name="zaloguj" value="zaloguj"><br />
</form>
|
|
6.
<form>
Wpisz imię<input type="text" name="imie" size="5"><br />
<input type="reset" name="reset" value="wyczyść"><br />
<input type="submit" name="zaloguj" value="wyslij"><br />
</form>
|
|
7. maxlength="2"
<form>
Podaj kod kraju (2 litery)<input type="text" name="imie" size="5"
maxlength="2"><br />
<input type="reset" name="reset" value="wyczyść"><br />
<input type="submit" name="zaloguj" value="wyslij"><br />
</form>
|
|
8. readonly
<form>
Kod kraju (2 litery)<input type="text" name="imie" size="5"
maxlength="2" value="PL" readonly><br />
</form>
|
|
9. disabled
<form>
Kod kraju (2 litery)<input type="text" name="imie" size="5"
maxlength="2" value="PL" disabled><br />
Podaj kod kraju (2 litery)<input type="text" name="imie" size="5"
maxlength="2"><br />
<input type="submit" name="zaloguj" value="wyslij"><br />
</form>
|
|
10. placeholder
<form>
Kod kraju (2 litery)<input type="text" name="imie" size="5"
maxlength="2" value="PL" disabled><br />
Podaj kod kraju (2 litery)<input type="text" name="kod_2" placeholder="Wpisz kod kraju"
maxlength="2"><br />
<input type="submit" name="zaloguj" value="wyslij"><br />
</form>
|
|