Contoh Jadwal Sederhana Menciptakan Formulir (2)

belajar komputer

Dibawah ini ialah referensi sebuah Form atau Formulir yang di buat dengan HTML:

Dari referensi Form diatas, mungkin kita akan berpikir, “Bagaimanakah membuatnya?”, Berikut langkah-langkah menciptakan Form atau Formulir.

1. MEMBUAT FORM dengan instruksi HTML

2.a. Membuat form input menyerupai berikut ini:

Cara menciptakan form input menyerupai diatas, ketikanlan instruksi kegiatan dibawah ini pada teks editor Notepad dikomputer mu!

<pre>
<form name=UserForm1>
NOMOR URUT : <input type=value size=2 name=nbrNomor_Urut>
NAMA LENGKAP: <input type=text size=25 name=txtNamaLengkap>
ALAMAT : <input type=text size=35 name=txtAlamat>
</form>
</pre>

Maka jadinya ialah menyerupai form input di atas.

2.b. Membuat form input OptionButton kayak gini:

Kode programnya tampak sebagai berikut:
<pre>
<form name=UserForm1>
JENIS KELAMIN :
<input type=radio name=txtOptionButton1 value="Laki-laki">Laki-Laki
<input type=radio name=txtOptionButton1 value="Perempuan"> Perempuan
</form>
</pre>

2.c. Membuat form input CheckBox macam berikut ini:

Kodenya tampak sebagai berikut:

<pre>
<form name=UserForm1>
HOBBY OLAH RAGA :
<input type=CheckBox name=checkbox1_hobby value="Sepak Bola"> Sepak Bola
<input type=CheckBox name=checkbox2_hobby value="Bulu Tangkis"> Bulu Tangkis
<input type=CheckBox name=checkbox3_hobby value="Tenis Meja"> Tenis Meja
<input type=CheckBox name=checkbox4_hobby value="Lain-lain"> Lain-Lain
</form>
</pre>

 

2.d. Membuat form input ComboBox menyerupai berikut ini:

Kodenya tampak sebagai berikut:

<pre>
<form name=UserForm1>
ALAMAT: <select name=ComboBox_alamat>
<option selected value="Matang Suri">Matang Suri</option>
<option value="Dungun Laut">Dungun Laut</option>
<option value="Pangkalan">Pangkalan</option>
<option value="Sabaran">Sabaran</option>
<option value="Sei. Dungun">Sei. Dungun</option>
<option value="Semperiuk A">Semperiuk A</option>
<option value="Semperiuk B">Semperiuk B</option>
<option value="Sarilaba A">Sarilaba A</option>
<option value="Sarilaba B">Sarilaba B</option>
<option value="Suah Api">Suah Api</option>
<option value="Sei. Batang">Sei. Batang</option>
</select>
</form>
</pre>

2. MENGENAL ISTILAH BUTTON, SUBMIT, RESET, MSGBOX-ALERT, ONCLICK.

2.1. Berikut ini ialah referensi Tombol.

Kodenya tampak sebagai berikut:

<pre>
<form name=UserForm1>

Tombol atau Button
<input type=button value="Klik tombil ini">

Tombol Submit atau Daftarkan atau Kirimkan
<input type=submit value="KIRIM DATA ISIAN">

Tombol Reset atau Hapus
<input type=reset value="HAPUS DATA ISIAN">

</form>
</pre>


Semoga bermanfaat.

Baca juga: