KURSUS WEB JAKARTA

HTML Forms and Input

Formulir HTML digunakan untuk memilih berbagai jenis input pengguna.

HTML Forms

Bentuk HTML digunakan untuk melewatkan data ke server.

Sebuah bentuk HTML dapat berisi elemen input seperti bidang teks, checkbox, radio-tombol, tombol submit dan banyak lagi. Juga dapat berisi daftar pilih, textarea, fieldset, legenda, dan elemen label.

Tag <form> digunakan untuk membuat bentuk HTML:

 <form>
.
input elements
.
</form>

 

HTML Forms - The Input Element

Unsur bentuk yang paling penting adalah elemen <input>.

Unsur <input> digunakan untuk memilih informasi pengguna.

Sebuah elemen <input> dapat bervariasi dalam banyak cara, tergantung pada jenis atribut. Sebuah elemen <input> dapat dari bidang text field, checkbox, password, radio button, submit button, dan masih banyak lagi.

Jenis masukan yang paling umum dijelaskan di bawah ini.

Text Fields

<input type="text"> mendefinisikan bidang satu baris masukan bahwa seorang pengguna dapat memasukkan teks ke:

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form> 

 Bagaimana kode HTML di atas terlihat dalam browser:

text fields

Catatan: Bentuk itu sendiri tidak terlihat. Juga mencatat bahwa lebar default dari kolom teks adalah 20 karakter.

Password Field

<input type="password"> mendefinisikan password:

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

Bagaimana kode HTML di atas terlihat dalam browser:

password

Catatan: Karakter dalam bidang password bertopeng (ditampilkan sebagai tanda bintang atau lingkaran).

Radio Buttons

<input type="radio"> mendefinisikan tombol radio. Tombol radio membiarkan pengguna memilih HANYA SATU dari sejumlah pilihan:

 <form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>

 Bagaimana kode HTML di atas terlihat dalam browser:

radio

Checkboxes

<input type="checkbox"> mendefinisikan kotak centang. Checkbox membiarkan pengguna pilih NOL atau LEBIH pilihan dari sejumlah pilihan.

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form> 

 Bagaimana kode HTML di atas terlihat dalam browser:

cekbook

Submit Button

<input type="submit"> mendefinisikan tombol kirim.

Sebuah tombol submit digunakan untuk mengirim data formulir ke server. Data dikirim ke halaman yang ditetapkan dalam atribut action form. File didefinisikan dalam atribut aksi biasanya melakukan sesuatu dengan input yang diterima:

<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form> 

 Bagaimana kode HTML di atas terlihat dalam browser:

submit

Jika Anda mengetik beberapa karakter dalam bidang teks di atas, dan klik "Kirim" tombol, browser akan mengirimkan masukan Anda ke halaman yang disebut "html_form_action.asp". Halaman ini akan menunjukkan input yang diterima.

HTML Form Tags

New: New tags in HTML5.

Tag Description
<form> Mendefinisikan sebuah form HTML untuk input pengguna
<input> Mendefinisikan kontrol input
<textarea> Mendefinisikan sebuah kontrol input multiline (area teks)
<label> Mendefinisikan sebuah label untuk sebuah elemen <input>
<fieldset> Grup terkait unsur-unsur dalam bentuk
<legend> Mendefinisikan sebuah keterangan gambar untuk elemen <fieldset>
<select> Mendefinisikan sebuah daftar drop-down
<optgroup> Mendefinisikan sebuah kelompok pilihan yang terkait dalam daftar drop-down
<option> Mendefinisikan pilihan dalam daftar drop-down
<button> Mendefinisikan sebuah tombol diklik
<datalist>New Menentukan daftar yang telah ditentukan pilihan untuk kontrol input
<keygen>New Mendefinisikan sebuah bidang kunci-pair generator (untuk formulir)
<output>New Mendefinisikan hasil penghitungan


 

 

 

 

 

 

 

BELAJAR WEB DI ITKOMPUTER

Durasi 8 kali pertemuan untuk satu kali pertemuan 2 jam.
Pengenalan Photoshop untuk design web, design web dengan Photoshop, Integrasi Photoshop dengan DreamWeaver, Pengenalan DreamWeaver, perintah-perintah HTML, CSS, JQuery, Membuat animasi banner, Upload website dengan FTP dan cpanel, trik bagai mana mempromosikan website anda di internet, memilih web Hosting. Berbagai Tips dan Trik menarik tentang Web Design. Tujuan akhir setelah mengikuti kursus ini: Anda dapat membuat web yang menarik seperti company profile, web gallery photo, banner animasi, mempromosikan web di internet dan dapat melakukan upload ke server hosting.

Klik disini untuk mendaftar