Pertemuan ke 5 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”

Slides:



Advertisements
Presentasi serupa
Image – Hyperlink – Form
Advertisements

HTML PEMROGRAMAN INTERNET. Form & Input HTML Form adalah area yang bisa ditempati oleh elemen form. Elemen form adalah elemen yg mengijinkan user memasukkan.
Timoti Adri Mahendra Putra, S.Kom SMK WIRA HARAPAN
Pemrograman Internet 1 STMIK PPKIA Pradnya Paramita.
Materi 11 Membuat Form Hai. Saya akan menunjukkan bagaimana membuat web page yang bersifat interaktif dengan penggunaan tag. Dengan tag ini anda dapat.
Form dan Input HTML.
3. Pendalaman HTML Penggunaan format table di HTML
Internet Programming FORM DAN UP LOAD FILE M. Agus Zainuddin PENS – ITS Surabaya.
HTML (Table, Form, Frame, Hyperlink)
FORM dan FRAME.
ADD-ON Dasar HTML.
Pemrograman Web 1 Mohamad Syafri Tuloli.
Menggunakan Formulir A’ud Solehuddin::Jan2012. Materi Dasar Penggunaan Formulir Memasukkan Data dengan INPUT Tipe TEXT Tombol SUBMIT dan RESET Perbedaan.
Perancangan Web Pertemuan IV
Fakultas Teknologi Informasi Universitas Budi Luhur
FORM.
Muhammad Yusuf Teknik Informatika – Universitas Trunojoyo /FB :
Pemrograman Basis Data Berbasis Web
FORM.
(HTML). Frames are most typically used to have a menu in one frame, and content in another frame. When someone clicks a link on the menu that web page.
Oleh: Fiftin Noviyanto, S.T., M.Cs.
Mengenal dan teknik pembuatan form
HTML Form dan Manipulasinya
MATERI PERKULIAHAN REKAYASA PERANGKAT LUNAK DISUSUN OLEH : KRISTIAWAN NUGROHO, M.KOM Fakultas Kesehatan.
Komputer aplikasi it-I (html)
FORM HTML Oleh : Fajar Y. Zebua.
Pertemuan Ke-3 (HTML Lanjut [1])
Form Yudhi arta.
KOMPUTER APLIKASI IT XHTML & CSS MODUL 04
Internet Programming Konektivitas PHP - MySQL
RONA SALWA IHDINA PTI UM
PERTEMUAN 2 HTML (Lanjutan).
PEMETAAN VORD KEDALAM CMMI UNTUK MENINGKATKAN ANALISA KEBUTUHAN PERANGKAT LUNAK (STUDI KASUS : APLIKASI MEDIA MANAGEMENT DI PT.EBDESK INDONESIA) Mata.
Penanganan Form& Array PHP
PHP Array & Form.
Adi Rachmanto – KAIT-1 – UNIKOM – 2011
M E M B U A T F O R M U L I R H T M L Adi Rachmanto UNIKOM 2011
Pokok Bahasan 3 Bahasa HTML L. Erawan.
Mengenal Java Script.
Membuat Dokumen Web HTML (Hypertext Markup Language)
PENGANTAR HTML NEXT.
Pertemuan 5 Hani Irmayanti, M.Kom.
Komputer aplikasi it-I (html)
FORM.
HTML HYPERTEXT MARKUP LANGUAGE
Elemen Dasar PHP, Mengolah Data Form dengan Methode Get dan Post
Kejadian Bagian 1 lanjutan
PHP : Hypertext Processor
Dasar Skrip / Tag HTML Pertanyaan mendasar dari web designer pemula:
OBJEK JAVASCRIPT Pertemuan 6.
( Materi web HTML ) Membuat tabel.
PJ : Nuraini Purwandari
MERANCANG FORM Materi Kuliah ke-5.
FORM Gembong Edhi Setyawan.
Pemrograman Basis Data Berbasis Web
Pemrograman Web HTML (4) Table Form Andy Haryoko, ST
MENGGUNAKAN FORM Jika menginginkan sebuah website interaktif ,maka digunakan FORM. Sebuah form menggunakan : tag dan ditutup dengan tag
Konektivitas PHP - MySQL
Pertemuan ke 3 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
PEMROGRAMAN WEB DEWI SULISTIYARINI, S.KOM
Pertemuan ke 6 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
Pemrograman Web HTML (5) Form CSS Andy Haryoko, ST
KOMPUTER APLIKASI IT I FORM.
HTML FORMS & INPUT Khafiizh Hastuti.
PENGATURAN TAMPILAN WEBSITE II
FORM HTML.
Form.
Web Design HTML TIM MATRIKULASI TI-S1 UDINUS TAHUN 2018.
MEMBANGUN WEB DINAMIS HAPUS DAN EDIT
FORM-WEB.
Transcript presentasi:

Pertemuan ke 5 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA” INTERNET (Praktikum) Pertemuan ke 5 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”

Membuat Form Form dalam HTML merupakan hal yang paling penting khususnya utk pembuatan aplikasi berbasis web. Form menyediakan properti masukan yang dapat berupa textbox, checkbox, radio button, dan button. Secara umum penggunaan form adalah sebagai berikut : <form>. . . . . .</form>

Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Textbox <input type=“text”> Atribut Fungsi Atribut size Ukuran textbox, default 20 maxsize Banyaknya karakter yg dapat dimasukkan Name Nama variabel Value Isinya secara default

Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Password <input type=“password”> Atribut Fungsi Atribut size Ukuran textbox, default 20 maxsize Banyaknya karakter yg dapat dimasukkan Name Nama variabel

Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Hidden <input type=“hidden”> Atribut Fungsi Atribut size Ukuran textbox, default 20 maxsize Banyaknya karakter yg dapat dimasukkan Name Nama variabel

Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Checkbox <input type=“checkbox”> Atribut Fungsi Atribut Name Nama variabel value Nilai dari variabel checked Menunjukkan bahwa secara default telah dichecklis

Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Radio Button <input type=“radio”> Atribut Fungsi Atribut Name Nama variabel value Nilai dari variabel checked Menunjukkan bahwa secara default telah dichecklis

Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Push Button <input type=“button”> Atribut Fungsi Atribut Name Nama variabel value Label text di tombol

Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Submit <input type=“submit”> Atribut Fungsi Atribut Name Nama variabel value Label text di tombol

Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Image Submit <input type=“image” src=“namafile”> Select <select> . . . </select> Daftar isian yang dapat dipilih Atribut Fungsi Atribut Name Nama variabel value Label text di tombol

Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Reset <input type=“reset”> Text Area <input type=“textarea”> Atribut Fungsi Atribut value Label text di tombol Atribut Fungsi Atribut Name Nama variabel rows Jumlah baris cols Jumlah kolom

<html><head><title>Pembuatan Form</title></head> <body> <center> <h3> Form Pengisian Jati Diri </h3> <form> <table width="600" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="145">Nama</td> <td width="15">:</td> <td colspan="2"><input type="hidden" name="kode"> <input type="text" name="nama" size="45" maxlength="50"></td> </tr> <td valign="top">Alamat</td> <td valign="top">:</td> <td colspan="2"><textarea name="alamat" cols="50" rows="4"></textarea></td>

<tr> <td>Jenis Kelamin</td> <td>:</td> <td width="135"><input type="radio" name="jeniskel" value="Pria"> Pria</td> <td width="305"><input type="radio" name="jeniskel" value="Wanita"> Wanita</td> </tr> <td>Pekerjaan</td> <td colspan="2"> <select name="pekerjaan"> <option>Pilih <option value="pelajar">pelajar</option> <option value="mahasiswa">mahasiswa</option> <option value="pns">pegawai negeri</option> <option value="karyawan swasta">karyawan swasta</option> </select></td>

<tr> <td>Warga Negara </td> <td>:</td> <td colspan="2"><select name="country"> <option >Pilih</option> <optgroup label="Africa"> <option value="gam">Gambia</option> <option value="mad">Madagascar</option> <option value="nam">Namibia</option> </optgroup> <optgroup label="Europe"> <option value="fra">France</option> <option value="rus">Russia</option> <option value="uk">UK</option> <optgroup label="North America"> <option value="can">Canada</option> <option value="mex">Mexico</option> <option value="usa">USA</option> </select></td> </tr>

<tr> <td>Hoby</td> <td>:</td> <td><input type="checkbox" name="hobby" value="olahraga" checked>olahraga</td> <td><input type="checkbox" name="hobby" value="musik">musik</td> </tr> <td> </td> <td><input type="checkbox" name="hobby" value="komputer"> komputer</td> <td><input type="checkbox" name="hobby" value="nonton"> nonton</td>

<tr> <td>Password</td> <td>:</td> <td colspan="2"><input type="password" maxlength="10" class="required" name="password" id="password" size="15" /></td> </tr> <td>Unggah Foto </td> <td colspan="2"><input type="file" name="foto"></td> <td> </td> <td colspan="2"> </td> <td colspan="4" align="center"><input type="button" name="Kirim" value="Push Button"><input type="image" src="menu.jpg"name="kirim" value="Kirim"><input type="submit" value="Submit"> <input type="reset" value="reset"></td> </table></form></center></body></html>