CARA MEMBUAT FORM KOMENTAR DENGAN HTML

Selamat datang para pengunjung kodewebsite, kita tahu bahwa hampir kebanyakan situs-situs didunia mempunyai yang namanya form komentar khususnya situs yang bertemakan blog, banyak sekali komentar yang para pengunjung tuliskan dan berisikan ekspresi-ekspresi aneh bahkan ada yang berkomentar hanya menyimpan link-link blog mereka. Namun keanehan mereka itulah yang membuat blog kita menjadi blog yang berkualitas, semakin  banyak komentar semakin bagus.

Cara Membuat Form Komentar dengan simple di HTML

 Pertama siapkan 2 buah aplikasi yaitu aplikasi edit text yang sejenis dengan notepad dan yang kedua adalah aplikasi browser yang sejenis dengan google chrome.
Kedua buka aplikasi edit text (notepad atau notepad++ dan sejenisnya) lalu ketikan, kode form komentar html berikut ini: 

<html>
<head><title>ini judul</title></head>
<body>
Silahkan Berkomentar<hr/><br/>
<form>
<table>
       <tr>
         <td>Tulis komentar:</td>
         <td><textarea cols="30" rows="5"></textarea></td>
       </tr>
       <tr>
         <td><input type="submit" value="Postkan Komentar"/></td>
         <td><input type="reset" value="hapus"></td>
        </tr>
</table>
</form>
</body>
</html>

Selanjutnya, simpan dengan nama “koment.html”, tanpa tanda petik. Lalu buka dengan aplikasi browser sepeti google chrome, dan lihat hasilnya (anda tinggal tambah format css untuk mempercantik):

Hasil kode pembuatan form kkomentar dengan HTML

   Penjelasan Kode Form diatas:>

  • <br/> : tag ini berfungsi untuk membuat garis baru.
  • <hr/>: tag ini berfungsi untuk membuat garis baru beserta garis bawah.
  • <table> : berfungsi untuk membuat table dan tag ini ditutup dengan tag </table>
  • <tr> : tag ini berfungsi untuk membuat garis table dan di tutup dengan tag </tr>
  • <td> : tag ini berfungsi untuk membuat kolom table, dan ditutup dengan tag </td>
  • <input> : berfungsi untuk membuat inputan atau masukkan dari pengguna, dan memiliki beberapa atribut diantaranya yaitu name(berfungsi untuk menyerahkan data untuk diproses ke file berikutnya), type(berfunsi untuk menentukan jenis penayangan apa yang di gunakan seperti type=”text” atau type=”radio”), tag ini bersifat tunggal jadi tidak ada tag penutup maka utuk menutup tag ini hanya menggunakan tanda “/” (tanpa tanda petik)contoh : <input type=”text” />
  • <textarea> : tag ini hampir sama dengan tag <input> Cuma bedanya yaitu tidak menggunakan kata input, tag ini memiliki atribut yaitu : cols(artinya lebar) dan rows (artinya panjang)
  • <html>  : ini merupakan tag awal suatu format html dan harus selalu ada dalam format html
  • </html> :ini merupakan tag penutup dari suatu dokumen html
  • <head> :merupakan tag yang bisa di pasang dengan css (cascade style sheet) dan juga judul
  • </head> : merupakan tag penutup dari <head>
  • <title> merupakan tag yang berfungsi sebagai judul dari suatu dokumen html, dan tag ini selalu diapit dengan tag <head>disini tag title <head>
  • </title> : merupakan tag penutup dari <title>
  • <body> : merupakan tag yang digunakan untuk menampilkan isi dari suatu dokumen yang akan ditampilkan.
  • </body> :merupakan tag penutup dari <body>
  • <input type=”reset” value=”hapus” /> berfungsi intuk menghapus.
  • <input type=”submit”> : nah untuk tag yang ini berbeda dengan tag inputan yang lain tag ini merupakan suatu tombol yang apabila di tekan maka data yang sudah di masukkan akan dibawa atau diproses di file lain yaitu dengan bantuan tag <form action=”proses.php”> .
  • <form> : yang terakhir adalah tag form berfungsi untuk meneruskan data yang sudah dimasukkan oleh pengguna yaitu dengan bantuan atribut action=”proses.php” . proses.php ini merupakan sebuah file yang ditulis dengan pemrograman php, dan tag <form> harus ditutup dengan </form>
See also  Cara membuat daftar list di html

Mungkin sekian artikel mengenai cara membuat form komentar dengan html, dan jangan ketinggalan update terbaru pemrograman dengan cara berkunjung kembali ke website kodewebsite_com. Artikel sebelumnya kita membahas tentang :

Cara membuat Menu Navigasi dengan HTML

Leave a Comment