HTML FORM – Input tipe password pada form html

  • Post
    codeorayo
    Keymaster
    none
    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 :

    Code:




    Tag Input Type Password


    Password :

    Dan di bawah ini adalah hasilnya :

    [img width=995,height=324]http://lautankode.com/wp-content/uploads/2018/01/Form-input-password.png[/img]

    Membatasi Jumlah InputAnda dapat membatasi jumlah input password dengan menggunakan atribut maxlength.

    Disini akan saya batasi inputan adalah 12.

    Code:




    Tag Input Type Password


    Password :

    Dan di bawah ini adalah hasilnya :

    [img width=973,height=331]http://lautankode.com/wp-content/uploads/2018/01/Form-Password-Maxlength.png[/img]

    Mengatur Ukuran TextfieldAnda dapat mengatur ukuran panjang Textfield password dengan menggunakan atribut size.

    Code:




    Tag Input Type Password


    Textfield Size=10 :

    Textfield Size=20 :

    Dan di bawah ini adalah outputnya :

    [img width=1024,height=375]http://lautankode.com/wp-content/uploads/2018/01/Form-input-password-size-1024×375.png[/img]

    Mendisabled Textfield PasswordAnda juga dapat membuat Mendisable Textfield Password ini dengan atribut disabled.

    Code:




    Tag Input Type Password


    Password :

    [img width=941,height=314]http://lautankode.com/wp-content/uploads/2018/01/Form-input-password-disabled.png[/img]

    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 dibacaSebuah Textfield juga hanya dapat dibaca dan tidak dapat dirubah lagi isinya. Caranya adalah dengan menambahkan atribut readonly pada elemen tag input.

    Code:




    Tag Input Type Password


    Password :

    [img width=986,height=315]http://lautankode.com/wp-content/uploads/2018/01/Form-input-password-readonly.png[/img]

    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 ValueAtribut 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.

    Code:




    Tag Input Atribut Name dan Value


    Password :

    Output :

    [img width=961,height=321]http://lautankode.com/wp-content/uploads/2018/01/Form-input-password-valuename.png[/img]

    https://www.lautankode.com/input-tipe-password-pada-form-html/

    Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com
  • You must be logged in to reply to this topic.