Cara membuat text area php

  1. Tutorial Web
  2. HTML
  3. HTML textarea tag | belajar <textarea> element

HTML Fadlullah Fadul December 3, 2018

Referensi Belajar HTML textarea tag. Tutorial dan panduan mengenai element <textarea>...</textarea> yang digunakan untuk input data pada kotak area lebih dari satu baris. Mencakup penjelasan yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <textarea>.


Deskripsi Penjelasan HTML textarea

HTML <textarea> element merepresentasikan input control yang memiliki area teks lebih dari satu baris. Untuk mengatur tinggi dan lebar dari area teks tersebut dapat digunakan attribute rows (untuk baris) dan cols (untuk kolom), atau lebih baik lagi dengan CSS height dan width property.

Teks yang ditulis didalam element <textarea> merupakan teks dasar dengan karakter tanpa batas. teks tersebut dapat disisipkan secara langsung diantara tag pembuka (<textarea) dan tag penutup (</textarea>) sebagai awal konten.

Attributes Atribut HTML Tag <textarea>

Menentukkan bahwa area teks secara otomatis harus fokus (berada padanya) ketika halaman dimuat.

Menunjukkan kolom. Menentukkan lebar dari textarea.

Menentukkan bahwa textarea nonaktif (tidak dapat diedit).

Menentukkan id dari form. textarea ditujukan untuk form dengan nama id yang sama.

Menentukkan maksimal jumlah karakter yang dapat diinput pada area teks tersebut.

Menentukkan minimum jumlah karakter yang dapat diinput pada area teks tersebut.

Menentukkan nama untuk textarea.

Menentukkan teks yang dijadikan bayangan sebagai kunci atau keterangan yang akan hilang dengan sendirinya ketika area teks diedit.

Menunjukkan bahwa textarea hanya dapat dibaca (tidak dapat dihapus atau diubah).

Menunjukkan bahwa textarea wajib diisi, jika tidak diisi maka tindakan selanjutnya tidak akan diproses dan akan muncul pesan error.

Menunjukkan jumlah baris pada textarea. semakin besar jumlahnya maka tinggi element textarea akan bertambah.

Menentukkan bagaimana area teks dilipat (wrap) ketika dikirimkan pada sebuah form.


Global Attributes Atribut Secara Global (Keseluruhan)

<textarea> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Event Attributes Atribut event (Peristiwa)

<textarea> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Example Contoh HTML <textarea> element

<textarea rows="7" cols="80">
  Tulis Pesan Anda dengan Lengkap.
</textarea>

Contoh Lengkap

Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Demo HTML textarea tag</title>
    <style>

    </style>
  </head>
  <body>
    <label for="message">Pesan:</label> <br>
    <textarea id="message" rows="7" cols="80">
    Tulis Pesan Anda dengan Lengkap.
    </textarea>
  </body>
</html>