Input tipe password pada form html

Pada tutorial kali ini kita akan membahas tentang input tipe password pada form html.  Textfield tipe Password ini sama dengan Textfield tipe Text. Perbedaannya hanya pada format data saat dimasukan. Jika pada Password ini akan tertandai dengan tanda bintang/asterisk dengan begitu password yang dimasukan tidak akan diketahui oleh orang lain.

Pemakaian Textfield Password ini sama seperti pada Textfield biasa. Di bawah ini langsung saja saya berikan contohnya :

Dan di bawah ini adalah hasilnya :

input tipe password pada form html

Membatasi Jumlah Input

Anda dapat membatasi jumlah input password dengan menggunakan atribut maxlength.

Disini akan saya batasi inputan adalah 12.

Dan di bawah ini adalah hasilnya :

membatasi inputan tipe password

Mengatur Ukuran Textfield

Anda dapat mengatur ukuran panjang Textfield password dengan menggunakan atribut size.

Dan di bawah ini adalah outputnya :

mengatur ukuran password field

Mendisabled Textfield Password

Anda juga dapat membuat Mendisable Textfield Password ini dengan atribut disabled.

mendisabled input tipe password

Cara ini biasanya digunakan agar pengunjung mengisi form isian lainnya lebih dulu, dengan begitu form inputan yang terdisable akan aktif. Biasanya cara ini menggunakan sintaks Javascript.

Menjadikan Textfield Hanya dapat dibaca

Sebuah Textfield juga hanya dapat dibaca dan tidak dapat dirubah lagi isinya. Caranya adalah dengan menambahkan atribut readonly pada elemen tag input.

fungsi atribut readonly

Dengan begitu isian Textfield di atas, hanya dapat dibaca namun tidak dapat dirubah. Namun pastinya akan terkesan aneh jika anda menggunakan atribut ini pada input tipe password.

Fungsi Atribut Name dan Value

Atribut name digunakan untuk menamai Textfield Password ini, nama ini diperlukan jika sewaktu – waktu dipanggil untuk pengolahan data oleh suatu bahasa pemrograman website (PHP, ASP, JSP).

Sedangkan atribut value digunakan untuk memberikan nilai pada Textfield Password ini.

Output :

fungsi atribut name dan value

Leave a comment

Your email address will not be published. Required fields are marked *

X