Kamis, 12 April 2018

BSI Purwokerto - Belajar Membuat Web (PART 3)


Rangkuman Materi Pertemuan-4 (2 April 2018)

Tag form inputan HTML
<form>...</form>
=>Tag untuk pemrosesan

Di dalam tag  <form>ada beberapa elemen pendukung
<input>
<select>
<option>
<textarea>
....dsb

Atribute pada tag <form>:
Action=> menuju ke linnk pemrosesan
Cth:
<form action=”proses.html”>
Method=> get (mengambil nilai) atau post (mengirim nilai)
Cth:
<from method=”get”>
Enctype=> encoding type,saat digunakan method post
Cth:
<form enctype=”multipart/form-data”>

Multipart/form-data= digunakan bila pemrosesan sebuah form mengandung file/gambar

Name=>penamaan form
Contoh:
<form name=”FBiodata”>

Target=>menentukan tempat setelah pemrosesan
Contoh:
<form Trget=”_blank”>

Form akan memmbuka tab baru di browser setelah pemroseaan
Tag <input>
Attribute Tag <input>:
Nama              =penamaan tag
Disabled          =menonaktivkan tag
Widht              =mengatur lebar tag(type: image)
Height             =mengatur tinggi tag(type:image)
Size                  =lebar kolom inputan
Maxlength       =mengatur jumlah maksimum karakter
Placeholder     =keterangan text dalam tag
Required         =tag harus di isi
Readonly         =hanya bisa dibaca,tidak bisa dirubah
Value               =isi/nilai dari tag
Type                =tipe inputan
Cth:
<inputw type=”password”>
Attribute type pada tag<input>:
Text,radio,checkbox,file,submit,reset,password
-Buat file baru :formulir.html dalam folder”lat1”
-Ketikan struktur dasar HTML,pada file dsb:
Contoh script HTML


Hasil script  web HTML


 Berikut adalah gambar hasil percobaan membuat "Web Admin" menggunakan HTML
1.Script dan hasil script "membuat nama lengkap" menggunakan HTML


 2.Script dan hasil script "membuat alamat" menggunakan HTML

3.Script dan hasil script "membuat daftar  Jenis kelamin" menggunakan HTML


4. Script dan hasil script "membuat  daftar hoby" menggunakan HTML


5.Script dan hasil script "membuat  daftar hoby dan jenis kelamin" menggunakan HTML



6. Script dan hasil script "mengubah tulisan nama menjadi password" menggunakan HTML



 7.Script dan hasil script "menentukan  daftar status hubungan" menggunakan HTML


8. Script dan hasil script "menyisipkan kolom gambar" menggunakan HTML



9. Script dan hasil script "membuat tulisan simpan dan batal" menggunakan HTML



Tidak ada komentar:

Posting Komentar

Tugas E-Learning BSI pertemuan 2 Makul Etika Profesi Teknologi Informasi & Komunikasi (EPTIK)

ETIKA PROFESI            A.     Pengertian Etika Etika berasal dari bahasa Yunani  ethos  dengan bentuk jamaknya yakni ( ta etha ) ya...