Thursday, October 25, 2012

Interaksi FORM (field text) Pada HTML Part-1

Form merupakan bagian penting bagi Web Programer yaitu untuk menerima informasi (input) Suatu Website, Meliputi informasi Nama, Alamat, email, dll. Manfaat interaksi Form ini adalah untuk menerima masukan dari pengunjung suatu website, Anda dapat menyimpan hasil (output) tersebut kedalam File, Database, forum Diskusi dan kepentingan lainnya.
Salah satu Elemen Form yaitu Field text , Sebuah Form sederhana terdiri dari Field text untuk menerima Masukan Satu baris data dan sebuah tombol untuk mengirim data ke tujuan (server).Untuk membuat Field Text Kita bisa menggunakan Tag <input>, Tag ini memiliki atribut penting seperti:
  • Type = Menentukan jenis Field masukan.Dengan text, submit, dan password sebagai nilainya (value) 
  • Name = Menentukan Nama untuk Field Sebagai Rujukan
  • Size = Mengatur lebar horizontal suatu Field, 
  • Maxlength = Menentukan jumalah huruf atau karakter yang dapat di masukan.
Berikut ini Contoh sebuah Form yang sederhana:

    

  1. <html>
    2. 

  2. <head><title>contoh Form sederhana</title>
    3. 

  3. </head>
    4. 

  4. <body>
    5. 

  5. <form action="mailto:deddskurniawan@gmail.com" method="post">
    6. 

  6.  nama:<input maxlength="40" name="nama" size="10" type="text" />
    7. 

  7.  Password:<input maxlength="15" name="Password" size="10" type="password" />
    8. 

  8. </form>
    9. 

  9. </body>
    10. 

  10. </html>
    11.

Maka hasil yang di hasilkan Web Browser adalah sebagai berikut :


Posted by at
Labels:

No comments:

Post a Comment