Cara Membuat Teks Area pada Bulma
Teks area sering kita jumpai di kolom komentar dimana user dapat menuliskan komentarnya di area tersebut atau ada pula di form registrasi dan masih banyak lagi tempat dimana teks area dapat kita jumpai. Di panduan kali ini saya akan mencoba membagi Cara Membangun Teks Area di Bulma
Di bulma framework kita akan disuguhi dengan kemudahan membangun teks area karena hanya dengan menambahkan beberapa class saja kita dapat menyusun teks area yang bagus, dan berikut strategi Cara Membangun Teks Area di Bulma:
– Pertama-tama, sahabat unduh file bulmanya di situs bulma itu sendiri dan tempatkan di folder project yang teman-teman bikin.
– Kedua, sahabat ketikan kode html di bawah ini:
<!DOCTYPE html>
<html>
<head>
<title>Teks Area di Bulma</title>
<!--link ke css bulma-->
<link rel=stylesheet href=bulma-0.4.0/css/bulma.css>
<!--link ke font-awesome-->
<link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css>
</head>
<body>
<br>
<div class=columns>
<div class=column is-half is-offset-one-quarter>
<h1 class=title is-1 has-text-centered>Text Area</h1>
<div class=field>
<label class=label>Nama</label>
<p class=control>
<input class=input is-focused type=text placeholder=Focused input>
</p>
</div>
<div class=field>
<label class=label>Komentar</label>
<h1 class=title is-4>Isilah komentar dengan kata-kata bijak dan tak menagndung provokasi</h1>
<p class=control>
<textarea class=textarea is-focused placeholder=Focused textarea></textarea>
</p>
</div>
</div>
</div>
</body>
</html>
Coba teman-teman lihat di pada kode di atas terdapat class .field dan .control dimana masing-masing class tersebut mempunyai manfaat masing-masing. Class .field itu sendiri berfungsi bagi membungkus class .control dan memberikan jarak keapada element berikutnya. Sedangkan class .control yaitu selaku wrapper dari element input yang terdapat di pada calss .control.
Lalu teman-teman buka di browser teman-teman karenanya tampilannya akan menjadi seperti berikut:
Dengan bulma kita dapat dengan gampang membangun suatu teks area bagi kolom komentar di suatu blog. Bagaimana teman-teman lumayan mudahkan Cara Membangun Teks Area di Bulma.
Demikian panduan kali ini mengenai pembahasan Cara Membangun Teks Area di Bulma semoga bermanfaat untuk teman-teman.
Sumber https://kursuswebsite.org
