Materi Tentang HTML Part 5

Form Pada HTML

Form HTML adalah sebuah area yang mengandung elemen - elemen form. Elemen form adalah sebuah elemen yang memungkinkan user untuk memasukan informasi seperti text, textarea, menu drop-down, radio button, checkbox, dan lain-lain. Sebuah form didefinisikan dengan tag <form>

Field Text

Contoh :

<form>

Nama Depan : <input type="tex" name="NamaDepan" id="NamaDepan">

<br>

Nama Belakang : <input type="text" name="NamaBelakang" id="NamaBelakang">

</form>

Hasil :

Field Text - Password

Contoh :

Username : <input type="Username" name="Username" id="Username">

<br>

Password : <input type="password" name="password" id="password">

</form>

Hasil :

Checkbox

Contoh :

Apakah Olahraga Kesukaan Mu ? <br>

<form>

<input type="checkbox" name="Berenang" id="Berenang"> Berenang <br>

<input type="checkbox" name="Badminton" id="Badminton"> Badminton <br>

<input type="checkbox" name="Sepak Bola" id="Sepak Bola"> Sepak Bola <br>

<input type="checkbox" name="Basket" id="Basket"> Basket

</form>

Hasil :

Radio Button

Contoh :

Jenis Kelamin : <br>

<form>

<input type="radio" name="Laki" id="Laki"> Laki - Laki <br>

<input type="radio" name="Perempuan" id="Perempuan"> Perempuan

</form>

Hasil :

Drop Down Menu

Contoh :

<form>

<select name="select">

<option value="2000"> 2000 </option>

<option value="2001"> 2001 </option>

<option value="2002"> 2002 </option>

<option value="2003"> 2003 </option>

<option value="2004"> 2004 </option>

<option value="2005"> 2005 </option>

<option value="2006"> 2006 </option>

<option value="2007"> 2007 </option>

<option value="2008"> 2008 </option>

<option value="2009"> 2009 </option>

<option value="2010"> 2010 </option>

<option value="2011"> 2011 </option>

<option value="2012"> 2012 </option>

<option value="2013"> 2013 </option>

<option value="2014"> 2014 </option>

<option value="2015"> 2015 </option>

<option value="2016"> 2016 </option>

<option value="2017"> 2017 </option>

<option value="2018"> 2018 </option>

<option value="2019"> 2019 </option>

<option value="2020"> 2020 </option>

</form>

Hasil :

Text Area

Contoh :

<form>

<textarea name="textarea" cols="30" rows="5"> Isikan Komentar Anda Di Sini </textarea>

</form>

Hasil :

File Upload

Contoh :

<form>

<input ty pe="file" name="file">

</form>

Hasil :

Button control

Contoh :

<form>

<input type="submit" value="Kirim">

</form>

Hasil :

Font Pada HTML

Font Size

Mengatur ukuran pada huruf

Contoh :

<font size="1"> font size="1" </font> <br>
<font size="2"> font size="2" </font> <br>
<font size="3"> font size="3" </font> <br>
<font size="4"> font size="4" </font> <br>
<font size="5"> font size="5" </font> <br>
<font size="6"> font size="6" </font> <br>
<font size="7"> font size="7" </font>

Hasil :

Setting Font Face

Menggunakan jenis font

Contoh :

<font face="Times New Roman" size="5"> Times New Roman </font> <br>

<font face="verdana" size="5"> Verdana </font> <br>

<font face="comic sans ms" size="5"> Comic Sans Ms </font> <br>

<font face="wildwest" size="5"> Wildwest </font> <br>

<font face="bedrock" size="5"> Bedrock </font>

Hasil :

Font color

Memberi warna pada font

Contoh :

<font color="00aa00" size="5"> Hijau </font> <br>

<font color="red" size="5"> Merah </font>

Hasil :

Ok Terimakasih Telah Mengunjungi Blog Saya. Semoga Bermanfaat Untuk Kalian Semua. Dan Untuk Part 6 Akan Di Upload Besok, Karna Besok Adalah Part Terakhir Dari Materi HTML