Form merupakan daerah yang dapat berisi elemen form. Unsur-unsur form adalah elemen yang memungkinkan pengguna untuk memasukkan informasi (seperti Text Field, Text Area Field, Drop Down Menus, Radio Buttons, Check Boxes, dll). Pendefinisian form dengan menggunakan tag <form>
Text Field
Text Field digunakan ketika Anda ingin menggunakan jenis huruf, angka, dll dalam form. (20 karakter default browser), contoh:
<form>
First name:
<input type="text" name="first name">
<br />
Last name:
<input type="text" name="last name">
</form>
hasil:
Radio Button
Radio button digunakan ketika Anda menginginkan para pengguna memilih salah satu dari beberapa pilihan yang diberikan. contoh:
<form>
<input type="radio" name="sex" value="male">Male
<br />
<input type="radio" name="sex" value="female">Female
</form>
hasil:
Check Box
Check Box digunakan ketika Anda menginginkan para pengguna untuk memilih satu atau lebih pilihan dari sejumlah pilihan yang diberikan. contoh:
<form>
I have a bike:
<input type="checkbox" name="vehicle" value="Bike">
<br />
I have a car:
<input type="checkbox" name="vehicle" value="Car">
<br />
I have an airplane:
<input type="checkbox" name="vehicle" value="Airplane">
<br /> </form>
hasil:
The Form's Action Attribute & Submit Button
Bila user mengklik pada tombol "Submit", isi formulir dikirimkan ke server. Tindakan atribut form mendefinisikan nama file untuk mengirim konten ke suatu tujuan. File didefinisikan dalam attribut action biasanya melakukan sesuatu dengan input yang diterima.
contoh:
<form name="input" action="html_form_submit.asp" method="get">
Username:
<input type="text" name="user">
<input type="submit" value="Submit">
</form>
hasil:
Method
method ada 2 bentuk, Get dan Post.
Post
Penggunaan method Post dijadikan variable yang dikirim tidak tampil pada bagian address. Berikut adalah gambar contoh:
Get
Penggunaan method Get dijadikan variable yang dikirim tampil pada bagian address. Berikut adalah gambar contoh:
CSS (Cascading Style Sheets)
merupakan teknologi yang digunakan untuk memperindah halaman website. Dengan CSS, kita dapat dengan mudah mengubah keseluruhan warna dan tampilan yang ada di situs kita sekaligus memformat ulang situs kita.
tag yang digunakan:
<style> . . . </style>
Sebuah style sheet terdiri dari beberapa aturan (rules). Masing-masing aturan terdiri dari satu atau lebih selektor (selector) dan sebuah blok deklarasi (declaration block). Sebuah blok deklarasi terdiri dari beberapa deklarasi yang dipisahkan oleh titik koma (;). Masing-masing deklarasi terdiri dari property, titik dua (:) dan nilai (value).
Selektor
a. Selektor dapat ditulis secara kelompok, dipisahkan dengan tanda koma.
contoh :
...h1,h2,h3,h4,h5,h6 {color:green}
...
semua elemen header akan ditampilkan dalam teks berwarna hijau.
b. Mendefinisikan style yang berbeda untuk type elemen HTML yang sama (Class Selector)
contoh:
Terdapat dua type paragraph dalam suatu dokumen: satuparagraf rata kanan, dan paragraf yang lain rata tengah.
p.right {text-align:right}
p.center {text-align:center}
<p class="right">Paragraf ini akan rata kanan</p>
<p class="center">Paragraf ini akan rata tengah</p>
c. Dapat digunakan secara internal, eksternal maupun inline (langsung ditulis dalam tag HTML).
d. CSS eksternal menggunakan ekstensi *.css
e. Dianjurkan untuk menggunakan CSS eksternal
contoh Internal:
contoh Eksternal:
contoh untuk Inline:
Sudah . . . ini dulu aja . . . ntar akan diupload materi baru lagi minggu depan (ekekeke....)
Terima Kasih . . . Thank You . . . Matur Nuwun . . . 谢谢 . . . ありがとう . . .
