Cara Membuat Form Sign-In sederhana Pada W3.CSS
Hidup ini jangan ribet, jangan serba dipersulit dan didramatisir, jangan sibuk mengurus yang bukan urusanmu agar hatimu bahagia. Oke kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Membangun Form Sign-In sederhana Di W3.CSS.
Disini saya akan memberitahukan kepada kalian Cara Membangun Form Sign-In sederhana Di W3.CSS. Tak perlu bingung lagi untuk kalian yang ingin merancang form sign-in memakai w3.css, karena telah disediakan oleh w3.css nya.
Seperti ini penampakan nya teman-teman:
Oke seketika saja, pertama-tama silahkan terlebih dahulu siapkan file index.html nya.
Kemudian, isi di bagian <head> link bagi menghubungkan dengan W3.CSS nya.
<link rel=stylesheet href=http://www.w3schools.com/lib/w3.css>
Berikutnya, isi di bagian <body> tag-tag di bawah.
<form class=w3-container w3-card-4 action=form.asp>
<h2 class=w3-text-blue>Input Form</h2>
<p>Selamat Datang.</p>
<p>
<label class=w3-text-blue><b>First Name</b></label>
<input class=w3-input w3-border name=first type=text></p>
<p>
<label class=w3-text-blue><b>Last Name</b></label>
<input class=w3-input w3-border name=last type=text></p>
<p>
<button class=w3-btn w3-blue>Sign in</button></p>
</form>
Bagaimana teman-teman? lumayan gampang bukan?
Sekianlah bagi panduan kali ini mengenai Cara Membangun Form Sign-In sederhana Di W3.CSS.
Semoga bermanfaat, terima kasih
Sumber https://kursuswebsite.org
