Formularze#
Pole hasła#
<form action="..."> <input type="password" name="nazwa"> </form>
gdzie jako "nazwa" należy wpisać nazwę danego pola, która nie powinna być jednak zbyt długa. Zostanie ona później wysłana wraz z formularzem.
Pole hasła różni się od pola tekstowego tylko jednym: znaki wprowadzane w jego obrębie są wyświetlane na monitorze w postaci znaków zastępczych – gwiazdek, kulek i innych. Jest stosowane do podawania hasła, np. przy przechodzeniu do jakiejś strony lub zalogowaniu do serwisu. Zaletą pola tego typu jest jedynie ukrycie wpisywanych danych przed postronnym okiem - nie zapewnia ono szyfrowania danych czy zabezpieczenia transmisji. Kontrolka ta ma kilka dodatkowych atrybutów:
value- pozwala zdefiniować wartość domyślną. Zostanie ona dołączona do formularza, jeśli użytkownik nie wpisze innej.size- określa widoczną długość pola hasła w znakach. Oczywiście użytkownik będzie mógł wpisać do takiego pola dowolną liczbę znaków. Domyślna wartość zależy od stosowanej przeglądarki.maxlength- określa maksymalną liczbę znaków jaką można wpisać do pola hasła (domyślnie jest to nieskończoność). Wartośćmaxlengthmoże być większa odsize– wtedy przeglądarka umożliwia przewijanie w obrębie pola hasła.readonly- tylko do odczytu. Domyślny tekst (zdefiniowany za pomocąvalue) nie może zostać zmieniony. Wartość pola jest jednak normalnie przesyłana w formularzu.disabled- blokada pola hasła. Zablokowane pole w ogóle nie jest przesyłane z danymi formularza.
Są to identyczne atrybuty jak w przypadku pola tekstowego, chociaż podanie hasła domyślnego wydaje się złym pomysłem. Poniżej zaprezentowano kilka przykładów.
Pole hasła bez dodatkowych atrybutów:
<form action="">
<div>
<input type="password" name="example" />
</div>
</form>Efekt:
Wartość domyślna (value):
<form action="">
<div>
<input type="password" value="pandziorek" />
</div>
</form>Efekt:
Określenie widocznej długości (size):
<form action="">
<div>
<input type="password" size="40" name="example" />
</div>
</form>Efekt:
Określenie maksymalnej liczby znaków (maxlength):
<form action="">
<div>
<input type="password" maxlength="10" name="example" />
</div>
</form>Efekt:
Maksymalna liczba znaków większa od widocznej długości pola:
<form action="">
<div>
<input type="password" size="10" maxlength="20" name="example" />
</div>
</form>Efekt:
Ustawienie pola tylko do odczytu (readonly):
<form action="">
<div>
<input type="password" readonly="readonly" value="pandziorek" />
</div>
</form>Efekt:
Wyłączenie pola (disabled):
<form action="">
<div>
<input ttype="password" disabled="disabled" value="pandziorek" name="example" />
</div>
</form>Efekt:
Szyfrowanie danych#
Jak już wspomniałem wcześniej, pole hasła nie jest w żaden sposób szyfrowane podczas wysyłania formularza. Niesie to ze sobą niebezpieczeństwo, że jego wartość jak i pozostałe dane w drodze do adresata (lub skryptu) mogą zostać przechwycone i odczytane przez osoby niepowołane.
Jeśli chcemy, aby nasze dane były naprawdę bezpieczne na drodze do serwera, musimy użyć protokołu HTTPS umożliwiającego szyfrowanie typu SSL. Aby to zrobić, należy adres skryptu (atrybut action dla znacznika form) poprzedzić ciągiem znaków https:// (trzeba podać całkowity adres, a nie względną ścieżkę dostępu). Spowoduje to nawiązanie połączenia przez bezpieczny protokół SSL. Niestety nie wszystkie serwery obsługują takie połączenie.