Friday 28 June 2013

HTML Script

HTML Script
1. Membuat Textbox (T)
Bahan-bahan pembuatan:
- Tentukan nama label (bebas-terserah): Username
- Tentukan tipe input (input type) atau jenis input (tertentu): text
- Tentukan nama untuk penamaan input (bebas-terserah): UName

Ramu:
<form>
Username: <input type="text" name="UName">
</form>

Gambar:

2. Membuat Password Field (P)
Bahan-bahan pembuatan:
- Tentukan nama label (bebas-terserah): Password
- Tentukan tipe/jenis input (input type) (tertentu): password
- Tentukan nama untuk penamaan input (bebas-terserah): pwd

Ramu:
<form>
Password: <input type="password" name="pwd">
</form>

Gambar Hasil

Note: Karakter yang akan muncul di field password akan di mask (akan muncul tanda titik-titik saja; tidak kelihatan karakter yang kamu masukkan). Inilah yang membedakan input type text dan password.

3. Membuat radio button (R) (type, name, value)
Radio button = bulat; ingat bentuk tuning di radio kamu yang dahulu, bulat bukan? Makanya ini disebut radio button karena radio button adalah bulat.
Radio button = Tidak boleh tidak memilih, harus dimasukkan pilihan, 

Ramu
<form>
<input type="radio" name="status" value="Belum Menikah">Belum Menikah</br>
<input type="radio" name="status" value="Sudah Menikah">Sudah Menikah
</form>

Gambar Hasil


4. Membuat Checkbox (Cb)
Check box = Centang-centang
Check box = Membiarkan user memilih lebih dari 1 pilihan


Ramu
<form>
<input type="checkbox" name="Hobby" value="Olahraga">Olahraga </br>
<input type="checkbox" name="Hobby" value="Membaca">Membaca </br>
<input type="checkbox" name="Hobby" value="Bermain Musik">Bermain Musik </br>
</form>

Gambar Hasil
Gambar Checkbox tidak memasukkan pilihan sama sekali

Gambar Checkbox memasukkan pilihan lebih dari 1




4. Membuat Link ke local file menggunakan tag a dan atribut href
<a href="C:\Users\User\Documents\Exp1.Html>Buka_Script_Exp1</a>



No comments:

Post a Comment