Scribd
Unggah
20 tayangan13 halaman

Membuat Form Pada Web Dengan HTML: Oleh: Api Hanapi SMK Nasyrul Ulum Pandeglang

Diunggah oleh

Enjang Aliyuddin
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPTX, PDF, TXT atau baca online di Scribd
20 tayangan13 halaman

Membuat Form Pada Web Dengan HTML: Oleh: Api Hanapi SMK Nasyrul Ulum Pandeglang

Diunggah oleh

Enjang Aliyuddin
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPTX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 13

MEMBUAT FORM

PADA WEB
DENGAN HTML

OLEH:
API HANAPI
SMK NASYRUL ULUM PANDEGLANG
TUJUAN PEMBELAJARAN
• Siswa kelas X Semester 1 akan dapat menjelaskan konsep formulir dalam
halaman web dengan 100% benar.
• Siswa kelas X Semester 1 akan dapat menjelaskan tag-tag html untuk
formulir dalam halaman web dengan 100% benar.
• Siswa kelas X Semester 1 akan dapat menjelaskan berbagai metoda
inputan formulir dalam halaman web dengan 100% benar.
• Siswa kelas X Semester 1 akan dapat merancang program untuk
menampilkan formulir dalam halaman web dengan 90% benar.
• Siswa kelas X Semester 1 akan dapat Membuat program tampilan formulir
dalam halaman web dengan 85% benar.
CONTOH APLIKASI FORM PADA WEB
DEFINISI DAN ANATOMI FORM

• DEFINISI FORM PADA WEB


Form merupakan salah satu elemen dalam HTML yang
digunakan untuk menerima input dari pengunjung
• ANATOMI FORM

<form>
Input elements
</form>
ATRIBUT FORM

ACTION
- Post :
METHOD
mengirim
GET & POST
datanya
secara
terpisah.

Action yaitu atribut FORM Get: mengirim data


yang berfungsi
pada server dengan
menentukan lokasi
cara meletakan data
dari script yang akan
pada bagian akhir
memproses data dari
URL yang ditunjuk.
form
TAG PADA FORM
• INPUT
• SELECT
• OPTION
• TEXTAREA
• LABEL
• FIELDSET
• LEGEND
INPUT

DEFINISI:
INPUT MERUPAKAN TAG HTML YANG
MENGINTRUKSIKAN UNTUK MEMASUKAN
DATA KE DALAM KOLOM ISIAN
KOMPONEN INPUT
TEXTAREA
 TEXTAREA Digunakan sebagai input kontrol
form untuk memasukan teks lebih dari satu
baris.
 Elemen ini mempunyai atribut yaitu name,
cols, dan rows.
 Penulisan : <text area
Name=”name”
Cols=”number”
Rows=”number”>
</text area>
RADIO BUTTON

KONSEP RADIO BUTTON CONTOH


• Radio button digunakan agar
<form>
dapat memilih salah satu
Jenis kelamin <input type =”radio”
pilihan. Contoh jenis kelamin name=”JK value=”male”/> Male<br/>
(male or female). <input type =”radio” name=”seJK
• Penulisannya : Radio value=”female”/> Female
</form>
Button<input type="radio">
SUBMIT BUTTON

Submit Button Digunakan untuk mengirimkan


data dari halaman web ke server yang di
tentukan dalam atribut ACTION dlam elemen
<FORM>
<input type=submit value=kirim data/>
</FORM>
MERANCANG FORM
1. Manual 2. TABEL
• SEKIAN
• TERIMA KASIH

Anda mungkin juga menyukai