Nico Robin - One Piece

Kamis, 27 Oktober 2016

cara membuat form (pengertian form)

Hallo guys.. hah
                Kali ini saya akan ngebahas tentang tutorial form di website (document html) , ya udah tanpa banyak bicara lagi.. langsung aja.. CEKIDOT..
FORM
Form html adalah suatu media yang digunakan untuk memasukkan data. Form juga terdiri dari beberapa komponen-komponen seperti text field, button/tombol, check box,radio button, dan lainnya.
Contoh kolom form tex box,submit,reset,dan password :
<html>
                <head>
                                <title>tugas entri text, submit, reset, dan password</title>
                </head>
                <body>
                                <form>
                                                <p>nama : <input type="text" name="nama"></br>
                                                <p>kelas :<input type="text" name="kelas"></br>
                                                <p>No :<input type="text" name="No"></br>
                                                <p>Hoby :<input type="text" name="Hoby"></br>
                                                <p>password :<input type="password" name="password"></br>
                                                <p><input type="submit" value="submit"><input type="reset" value="reset">
                                </form>
                </body>
</html>



                Copy semua tag diatas ke dalam notepad, atau notepad++ (notepad++ dengan bahasa html)
Lalu disave dengan ekstensi HTML (contoh “dokumen1.html”)

Keterangan :
<Html></Html>      = untuk mengawali dan mengakhiri tag yang akan ditampilkan pada browser.
<head></head>      = judul dari document html yang akan kita buat
<body></body>      = isi dari web yang kita buat

Untuk yang lainnya.. mungkin bisa agan analisis sendiri.. tinggal ubah dan lihat apa yang berubah setelah agan ubah :v tag di atas.


hasilnya :
 
Contoh lain :
-          Entri teks
<html>
                <head>
                                <title>tugas entri teks</title>
                </head>
                <body>
                                <p><textarea name="papan isi" cols="40" Rows="6"></textarea></p>
                </body>
</html>



 hasilnya :








Oke gan .... Mungkin itu saja untuk hari ini.. semoga membantu dan bermanfaat bagi kalian.. terimakasih..