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
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