Membuat form dengan HTML dan CSS: Membuat form Menggunakan HTML dan CSS

Tujuan

* Mengetahui cara membuat form dengan HTML dan CSS
*Mengetahui apa itu form
*Mengetahui apa itu HTML
*Mengetahui apa itu CSS

*Mengetahui apa itu PHP

Konsep Dasar

1.FORM

Apa kegunaan Form ?

Form digunakan untuk menerima inputan dari user dan memproses hasil inputan ke server

Pengertian Tag <Form>

Sebuah Form HTML harus berada di dalam tag form yang diawali dengan <form> dan diakhiri dengan </form>

Sintak Penulisan Form

<FORM method="(post) atau (get)" action="pemroses">
 <!-- elemen-elemen FROM -->
</FORM>

Mengenal Tag <Input>

Tag input merupakan tag paling banyak digunakan di dalam form dan memiliki banyak bentuk, mulai dari isian text biasa, text password, checkbox, radio, sampai dengan tombol submit, semuanya dalam bentuk tag <input>

Macam-Macam Tag Input Berdasarkan type :

*<input type=text /> atau bisa juga <input /> adalah textbox inputan biasa yang menerima input berupa text.

*<input type=checkbox /> adalah inputan berupa checkbox yang dapat di centang oleh user.

*<input type=password /> dalam tampilannya sama dengan type text, namun teks yang diinput tidak terlihat, text yang diinputkan akan berupa bintang atau bulatan.

*<input type=radio /> mirip dengan checkbox, namun user hanya bisa memilih satu group radio.

*<input type=submit /> akan menampilkan tombol untuk memproses form. Biasanya diletakkan pada baris terakhir dari form

2.HTML

HTML (Hyper Text Markup Language) merupakan bahasa standar pemrograman untuk membuat suatu halaman web yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser untuk menampilkan halaman Web yang terdiri dari berbagai macam format tampilan seperti texs, grafik, animasi link maupun audio-video.

Contoh Sintak HTML

<!DOCTYPE html>

<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

3.CSS

CSS (Cascading Style Sheet) merupakan salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik.

4.PHP

PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memprogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.

Langkah Kerja

1.form dengan HTML

Hasil dari script di atas

Kesimpulan

Form digunakan untuk menerima inputan dari user dan memproses hasil inputan ke server,

Sebuah Form HTML harus berada di dalam tag form yang diawali dengan <form> dan diakhiri dengan </form>, Tag <form> membutuhkan beberapa atribut seperti <input>,<textarea>,dsb

refrensi : wikipedia,ichazainfica.wordpress.com,duniaiptek.com

Membuat form dengan HTML dan CSS

Senin, 14 Agustus 2017

Membuat form Menggunakan HTML dan CSS