RSS Feed

Membuat Halaman Web Sederhana (2)

Posted on

Pada post sebelumnya sudah mencoba membuat halaman web sederhana yang berisi biodata. Namun, bagaimana jika ingin membuat halaman biodata tersebut dengan form input? Perhatikan screenshot-screenshot di bawah ini.

Header

Header

Header

Judul/nama halamannya adalah Form Data dan akan muncul di tab browser saat dijalankan nanti. Background yang digunakan adalah beach.jpg dengan coding seperti screenshot di atas.

Body

Body_01

Body_01

Langkah pertama membuat form inputan adalah seperti screenshot di atas. Untuk “jenis kelamin “menggunakan input type radio yaitu input dengan pilihan berbentuk titik dari 2 pilihan (laki-laki/perempuan). Sedangkan “jurusan” menggunakan inputan dengan option yang disediakan, yaitu Sistem Informasi, Manajemen, dan Sistem Komputer.

Body_02

Body_02

Setelah itu, membuat tombol Simpan agar data yang telah diinput akan keluar sebagai biodata yang telah dibuat. Tombol Simpan bertipe submit dan coding memanggil nama-nama inputan dengan metode POST.

Output

Screenshot berikut ini adalah tampilan saat input dan output.

Form_Input

Form_Input

Form_Output

Form_Output

About サクラ

People call me Eri, so feel free to call me Eri ^^ よろしく!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: