Membuat Textarea Pada HTML

Textarea


http://websitecompletecoding.blogspot.co.id/#
Input text area adalah input untuk mengisi sebuah text yang panjang seperti menisi kolom komentar yang begitu panjang untuk di muat dan diisi di dalam kolom textarea. Tetx arean juga punya peran penting untuk membangun sebuah website yang kalian buat.

Dengan textarea ini kalian bisa menyertakan setiap artikel atau dokumen yang kalian buat di website, untuk para pengunjung agar bisa meninggalkan sebuah komentar dan pertanyan di artikel tersebut. Untuk memudahkan para pengunjung dan tidak kerepotan untuk menaruh sebuah pertanyaan.

Input yang berupa text yang paling panajng, misalnya artikel atau laporan dapat kita pakai element text area. Textarea ini menyediakan kotak isian yang dapat kita tentukan ukurannya.

Perhatikan dokumen berikut :

<html>
    <head>
        <title>Form Ke 5 - Textarea </title>
    </head>

    <body>
   
        <form >
            <p> Tinggalkan Komentar Kalian Disini : </p>
           
            <textarea name="komentar" rows="4" cols="50"> </textarea>
        </form>
            <!-- Website Complete Coding Blogspot -->
    </body>
   
</html>

Dokumen di atas akan menghasilkan seperti dibawah :

http://websitecompletecoding.blogspot.co.id/#
Komponen textarea

Kalian bisa sesuaikan panjang dan lebar dengan mengatur "cols dan "rows" pada atribut <textarea> dan sesuakan dengan keinginan anda.dan kalian juga bisa menambahkan atribut untuk memproses dan mengirim datanya ke server.

Ketika user menekan tombo "submit", maka isi dari form akan di kirim ke server. Pada Form terdapat atribut yang berisi nama file yang akan memproses request yang di kirim ke server.

Berikut contoh programnya :

<html>
    <head>
        <title>Form Ke 5 - Textarea </title>
    </head>

    <body>
   
        <form method="get" action="proses_member.php" >
            Tinggalkan Komentar Kalian Disini  : <br><br>
                <textarea name="komentar" rows="4" cols="50">
                </textarea>
                <br><br>
                <input type="submit" name="tombol" value="Kirim">
                <input type="reset" value="Reset">
        </form>           
            <!-- Website Complete Coding Blogspot -->
    </body>
   
</html>

Maka tampilannya akan menjadi seperti berikut :

http://websitecompletecoding.blogspot.co.id/#
Penambahan komponen kirim dan reset

Sudah selesai dan mudah, kalian bisa koneksikan dengan email anda sendiri, dan silakan mencoba membuatnya. Jika ada pertanyaan tinggalkan komentar kalian di bawah ini. kami akan balas secepatnya.

Postingan terkait:

Belum ada tanggapan untuk "Membuat Textarea Pada HTML"

Posting Komentar