Pertemuan 7 Membuat Formulir Entri Data

Pertemuan 7

Membuat Formulir Entri Data

Web Statis
SKB112316

Oleh : Wahyu Widodo

Membuat Formulir
Untuk membuat formulir, diawali dengan menggunakan tag
Terdapat attribut :
 method (get / post)
 action : submit url
 enctype="multipart/form-data"

Pengelompokan Formulir
Untuk pengelompokan formulir, dengan menggunakan tag
Contoh :

Membuat Input Data


 label for berhubungan dengan id pada tag input, berfungsi
membuat autofocus saat label di klik

 placeholder digunakan untuk memberikan keterangan input data

Membuat Input Datalist

Secara otomatis akan membuat autosuggest sesuai dengan karakter
yang diinputkan

Membuat Input Tanggal dan Angka

Menggunakan type date dan type number

Membuat Input Tipe Warna
gunakan type color.

Membuat Input Tipe Email dan Telephone


Menambah Validasi
1. Dengan menggunakan Pola

2. Dengan required

3. Dengan attribut min, max dan step

4. Dengan attribut maxlenght

Menambah Warna Invalid Entri