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 tentang bagaimana Cara Membuat Form Sign-In sederhana Pada W3.CSS.

Disini saya akan memberitahukan kepada kalian Cara Membuat Form Sign-In sederhana Pada W3.CSS. Tidak perlu bingung lagi bagi kalian yang ingin membuat form sign-in memakai w3.css, karena sudah disiapkan oleh w3.css nya.
Seperti ini penampakan nya teman-teman:

Oke langsung saja, pertama-tama silahkan terlebih dahulu siapkan file index.html nya.

Kemudian, isi di bagian <head> link untuk menghubungkan dengan W3.CSS nya.

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">

Selanjutnya, 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? cukup mudah bukan?

Sekian untuk tutorial kali ini tentang Cara Membuat Form Sign-In sederhana Pada W3.CSS.

Semoga bermanfaat, terima kasih