html

Cara Membuat Kotak Komentar Pada Browser

Kali ini saya akan menuliskan  sebuah artikel tentang bagaimana membuat sebuah tempat atau kotak komentar pada suatu halaman web. Pada dasarnya,  tag ini sering digunakan untuk membuat atau menuliskan sebuah komentar  yang  telah di ketikan, untuk membuatnya, kita hanya perlu menggunakan notepad sebagai media software agar kotak komentar tersebut keluar di browser dan muncul . Maka kita perlu menambahkan sebuah kode atau tag yang di gunakan untuk membuatnya.

Tag yang digunakan adalah berikut:

<form action="/html/tags/html_form_tag_action.cfm" method="post">
Comments:<br />
<textarea name="comments" id="comments" > teks yg ingin kamu ketikan (comment) </textarea><br />
<input type="submit" value="Submit" />

Dengan cara memasukan  kode tersebut ke dalam tag html “ di dalam tag <body> ”.

Contoh;

 

<html>
<head>
</head>
<body>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
Comments:<br />
<textarea name="comments" id="comments">tteks yg ingin kamu ketikan(comment)</textarea><br />
<input type="submit" value="Submit" />
</form>
</body>
</html>

 

Di atas adalah penulisannya, jika Anda sudah memasukannya ke dalam tag. Maka simpanlah tag tersebut dengan menambahkan “ .html ” di belakang nama file  yang anda tuliskan. Kemudian buka file tersebut, secara otomatis Anda akan masuk firefox dan lihat hasilnya, akan keluar gambar yg ada di seperti bawah ini

1

 

Di atas adalah gambar dari hasil sebuah tag masukan yang sudah berhasil. Agar lebih menarik, kita juga bisa memberikan warna pada kotak komentar tersebut dengan cara menambahkan tag

<textarea name="comments" id="comments" style="width:160px;height:90px;background-color:kode warna;color:kode warna;font:ukuran font;">

 

contoh pemasukan

<html>
<head>
</head>
<body>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
Comments:<br />
<textarea name="comments" id="comments" style="width:160px;height:90px;background-color:#D0F18F;color:#53760D;font:24px/30px cursive;">
Komentar </textarea><br />
<input type="submit" value="Submit" />
</form>
</form>
</body>
</html>

Maka akan muncul seperti gambar di bawah ini:

2

 

Penutup

Di atas adalah cara cara untuk membuat sebuah kotak komentar  dan menggunakan warna. Terimakasih atas kunjungan Anda, semoga bermanfaat bagi Anda.

13 comments on “Cara Membuat Kotak Komentar Pada Browser

  1. bro. kalo di kompentar trus di submit kan nanti laman web tidak ditemukan.. terus kalo mau bikin komentar komentarnya itu ada di bawahnya gimana ya? mohon di bantu, terima kasih.

  2. An impressive share! I’ve just forwarded this onto a co-worker who has been conducting a little research on this. And he in fact ordered me lunch because I stumbled upon it for him… lol. So allow me to reword this…. Thank YOU for the meal!! But yeah, thanx for spending some time to discuss this topic here on your web site.

  3. http://www.fnur.bu.edu.eg/
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/422-2013-12-10-10-18-01
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/421-2013-12-10-09-48-39
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/419-2013-12-09-07-21-12
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/420-2013-12-10-09-48-38
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/417-2013
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/418-2013-12-09-07-17-28
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/415-2013-12-03-08-09-23
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/416-2013-12-03-08-25-21
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/413-2013-11-21-07-50-21
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/414-2013-11-25-09-38-30
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/411-2013-11-20-08-11-53
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/412-2014
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/409-2013-2014
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/410-2013-11-13-17-25-28
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/407-2013-11-09-08-51-15
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/408-2013-11-13-11-55-53
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/405-2013-11-09-08-42-05
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/406-2013-11-09-08-46-10
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/403-2013-11-09-08-25-45
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/404-2013-11-09-08-28-15
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/400-2013-11-09-07-50-13
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/401-2013-11-09-08-03-31
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/398-2013-11-09-07-29-40
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/399-2013-11-09-07-43-49
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/397-eugen-ionesco
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/402-2014-2013
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/395-2013-11-02-09-07-04
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/396-45-2013-10-23
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/390-2013-10-29-11-53-44
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/393-2013-10-29-11-57-48
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/392-2013-10-29-11-56-48
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/394-2013-10-29-12-02-18

Leave a Reply