LAPORAN PRAKTIKUM

PENGENALAN PERANCANGAN WEB

S1-SISTEM INFORMASI

“ LAPORAN PRAKTIKUM PERTEMUAN 5

FORM DAN INPUT ”

Disusun Oleh :

Nama Sindra Veranita Pohwain

NIM 22.12.2450
Dosen Pengampu Aditya Rizki Yudiantika
Nama Koordinator Asisten Fajar Angga Maulana
Kelas SI03

S1 – SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
UNIVERSITAS AMIKOM YOGYAKARTA
2023
 <<PERTEMUAN 6>>
<<FORM DAN INPUT>>
A. Tujuan
Setelah praktikum ini, praktikan diharapkan dapat : (isi dengan tujuan pembelajaran)
1. Menjalaskan Pemahaman konsep form dan input
2. Mahasiswa Mampu mengimplementasikan form dan input pada pembuatan webite
3. ...
B. Peralatan
a. Laptop

b. VS Code

c. Web Browser

C. Hasil dan Pembahasan

1. Praktikum form_registrasi.html

a. Screenshoot script

b. Screenshoot output
 Pembahasan:

Pada script dan output di atas terlihat bahwa belum terjadi modifikasi pada file
html, hanya penggunaan input saja baru baru di tampilkan , hal ini dapat kita lihat
pada gambar output yang ada diatas.

2. Praktikum form.html dan style_form.css

a. Screenshoot script
 b. Screenshoot output

Pembahasan:

Pada tampilan ini sudah sangat jelas bahwa disini terjadi modivikasi yang dilakukan pada file
CSS. Pada file CSS terlihat bahwa ada beberapa input yang di modifikasi sehingga
menampilkan output yang lebih rapih berwana. Modifikasi yang terjadi terdapat pada input:

input[type=text], [type=number], [type=email],[type=date],

[type=file],textarea,select{
input[type=submit],[type=reset]{
input[type=submit]:hover,[type=reset]:hover{
dengan menambahkan : (yang ada dibawa) sesuai dengan kebutuhan modifikasi

width: 100%;
padding: 12px 20px;
 margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
 box-sizing: border-box;
cursor: pointer;
 background-color: #4CAF50;
 color: white;
 3. Sebutkan berapa banyak type input yang sudah anda pelajari!

 <input type="week"> <input type="button">

 <input type="checkbox">

 <input type="color">

 <input type="date">

 <input type="datetime-local">

 <input type="email">

 <input type="file">

 <input type="hidden">

 <input type="image">

 <input type="month">

 <input type="number">

 <input type="password">

 <input type="radio">

 <input type="range">

 <input type="reset">

 <input type="search">

 <input type="submit">

 <input type="tel">

 <input type="text"> 

 <input type="time">

 <input type="url">

 <input type="week">
 D. Daftar Pustaka

https://jagongoding.com/web/html/dasar/tipe-element-input/
Modul Prakrikum 6 - PPW