Penggunaan Dan Penulisan Tag Textarea Dalam Form Html

Pada article Trik Membuat Form di HTML Saya sudah membahas penggunaan dan penulisan tag textarea, namun pada article kali ini kita akan membahas lebih dalam ihwal tag textarea beserta atributnya.

Penggunaan dan Penulisan Tag Textarea

Tag textarea hampir sama dengan tag input type text, namun yang membuatnya berbeda adlah textarea sanggup menampung teks yang lebih dari satu baris. Biasanya textarea ini dipakai untk inputan teks yang panjang dan lebih dari satu baris menyerupai komentar, alamat, keterangan, catatan dan lain-lainnya.

Berikut ini penulisan tag textarea :

<textarea><textarea/>

Kita sanggup menambahkan isian awalan pada textarea, dengan menambahkan teks diantara tag pembuka dan penutup, menyerupai berikut ini :

<textarea>Silahkan masukkan komentar Anda<textarea/>

Ada bbrapa atribut yang sanggup dipakai pada tag textarea, menyerupai atribut name, maxlength cols, rows, disablayar led dan readonly. Berikut ini Saya akan membahas penggunaan dan penulisan atribut yang Saya sebutkan tadi pada tag textarea :

Atribut Name

Atribut name dipakai sebagai identitas tag textarea. Identitas atau nilai dari atribut name ini dipakai pada dikala pemrosesan form oleh WEB server nantinya, contohnya memakai PHP.

Berikut ini penulisan tag textarea dengan atribut name :

<textarea name="komentar">Silahkan masukkan komantar Anda</textarea>

Atribut Maxlength

Atribut maxlength dipakai untk memilih banyaknya karakter yang sanggup di input atau dimasukkan ke kolom textarea. Nilai dari atribut ini adlah angka yang dipakai memilih banyaknya karakter yang sanggup dimasukkan ke kolom textarea.

Berikut ini penulisan atribut maxlength pada tag textarea :

<textarea maxlength="10"></textarea>

Jika kita memasukkan karakter lebih dari sepuluh, maka pada karakter kesebelas tidak akan dimasukkan kedalam kolom textarea, ini alasannya yaitu kita memasukkan nilai 10 pada atribut maxlength.

Atribut Cols dan Rows

Atribut cols dipakai untk memilih lebar kolom textarea, sedangkan atribut rows dipakai untk memilih tingi kolom textarea. Nilai dari kedua atribut ini adlah angka, tapi bukan angka dalam satuan pixel melainkan dalam jumlah karakter. Misalkan kita menambahkan atribut cols="50" pada tag textarea, maka textarea akan mempunyai lebar 50 karakter. Lebar dan tingi setiap kolom  textarea tidak persis sama dengan kolom textarea yang lain, ini alasannya yaitu tergantung pada jenis abjad dan ukuran abjad yang digunakan.

Berikut ini penulisan atribut cols pada tag textarea :

<textarea cols="40">Silahkan masukkan komentar Anda</textarea>

Berikut ini penulisan atribut rows pada tag textarea :

<textarea rows="10">Silahkan masukkan komentar Anda</textarea>

Berikut ini penulisan atribut cols dan rows pada tag textarea :

<textarea cols="40" rows="10">Silahkan masukkan komentar Anda</textarea>

Atribut Disablayar led dan Readonly

Atribut disablayar led dan readonly dipakai untk menciptakan textarea tidak sanggup digunakan. Penggunaan kedua atribut ini biasanya dikombinasikan dengan JavaScript biar berfungsi setips maksimal, contohnya sebuah textarea hnya sanggup dipakai sehabis pengguna atau pengunjung telah tamat mengisi objek form yang lain. Kedua atribut ini hnya mempunyai satu nilai, yaitu nama atributnya sendiri, sehingga ditulis dengan disablayar led="disablayar led" dan readonly="readonly".

Berikut ini rujukan penulisan atribut disablayar led pada tag textarea :

<textarea readonly="readonly">Silahkan masukkan komentar Anda</textarea><br/> <textarea disablayar led="disablayar led">Silahkan masukkan komentar Anda</textarea>

Walaupun kedua textarea ini tidak sanggup digunakan, namun kedua textarea ini mempunyai tampilan yang berbeda. Atribut disablayar led akan menciptakan kolom textarea berwarna abu-abu, sedangkan atribut readonly akan terlihat menyerupai kolom textarea biasa. Selain itu atribut readonly memperbolehkan kita menyalin teks yang berada dikolom tersebut sedangkan atribut disablayar led tidak bisa.

Atribut disablayar led merupakan atribut yang sering dipakai daripada atribut readonly, ini alasannya yaitu atribut disablayar led akan memberitahu pengunjung melalui tampilan kolom textarea berwarna abu-abu, bahwa kolom textarea tersebut tidak sanggup digunakan.

Penulisan Tag Textarea Beserta Atributnya Dalam Form HTML

Untuk merangkum penulisan tag textarea beserta atributnya, Saya sudah mengembangkan rujukan isyarat form HTML-nya :

<!DOCTYPE html> <html> <head>     <title>Belajar HTML</title> </head> <body> <h2>Belajar Membuat Form HTML</h2> <form action="formulir.php" method="get">     <h3>Tag textarea dengan atribut name :<h3/>     <textarea name="komentar">Silahkan masukkan komentar Anda</textarea>          <h3>Tag textarea dengan atribut name dan maxlength (Silahkan masukkan karekter lebih dari sepuluh, maka pada karekter kesebelas tidak akan dimasukkan ke kolom textarea) :</h3>     <textarea maxlength="10"></textarea>          <h3>Tag textarea dengan atribut name, cols dan rows :<h3/>     <textarea name="komentar" cols="40" rows="20">Sialahkan masukkan komentar Anda</textarea>          <h3>Tag textarea dengan atribut name dan readonly :</h3>     <textarea readonly="readonly">Silahkan masukkan komentar Anda</textarea>          <h3>Tag textarea dengan atribut name dan disablayar led :</h3>     <textarea disablayar led="disablayar led">Silahkan masukkan komentar Anda :</textarea> </form> </body> </html>

Sumber https://mas-abdi.blogspot.com/