Monday, May 16, 2016

Praktek 3.6 Membuat Text Area

Tag textarea pada dasarnya sama dengan input type text, namun lebih besar dan dapat berisi banyak baris. Panjang dan banyak baris untuk text area di atur melalui atribut rows dan cols, atau melalui CSS.
Contoh:
<textarea rows="5" cols="20">
  Text yang diisi dapat mencapai banyak baris
</textarea>

Elemen yang berada diantara tag textarea akan ditampilkan sebagai text awal dari form.
Ketikkan tag seperti di bawah ini.

<html>
<body>
<h1>Contoh TextArea</h1>

Alamat Lengkap : <br>
<textarea name="textarea" id="textarea" cols="45"
rows="5"></textarea>

</body>
</html>

Screenshotnya seperti di bawah ini.

Lalu simpan dengan cara klik menu File, lalu klik Save As.

Simpan di drive dan folder yang anda kehendaki. Ketik nama file yang ingin anda simpan sesuai keinginan anda, tapi simpan dengan tambahan ekstensi .html. Setelah itu klik Save untuk menyimpan.

Buka file yang telah anda simpan tadi dengan cara double klik pada file di mana tempat anda menyimpan file tadi.

Akan muncul aplikasi browser dan tampilannya seperti di bawah ini. Tampak muncul text area dan dapat menginput text atau karakter ke dalam text area tersebut.

Sekian dan terima kasih semoga bermanfaat bagi pembaca.

No comments:

Post a Comment