SlideShare una empresa de Scribd logo
1 de 20
Descargar para leer sin conexión
HTML - Form Hyper Text Mark Up Language Pemograman Web (2010/2011) – Mar 3, 2011  Teknik Informatika, Universitas Islam Indonesia Follow  Hari Setiaji  on Twitter
Ready to step forward ? Pemograman Web (2010/2011) – Hari Setiaji, S.Kom Yes.. We can, web programming is  easy..
Remember Pemograman Web (2010/2011) – Hari Setiaji, S.Kom <tag_name atribut=“value”> </tag> Or <tag_name atribut=“value” />
Pengenalan Form ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Form Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Atribut  <form>  tag Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Atribut  <input>   tag ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Text input ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],•  Contoh diatas jika menggunakan tag  input , kecuali  textarea Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Buttons ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],•  Perhatikan bahwa tag nya adalah  input , bukan “button” Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Checkboxes ,[object Object],[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
[object Object],[object Object],[object Object],[object Object],Radio buttons ,[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Drop-down menu ,[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Hidden fields ,[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Contoh ,[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Contoh form Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Contoh form (2) Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Pengelompokan elemen dokumen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Contoh <div id=&quot;mhs01&quot; class=&quot;mhs&quot;> <span class=&quot;nama&quot;> Adrian Marzuki </span> <br> <span class=&quot;alamat&quot;> Jl. Tubagus Ismail XI/5 </span> </div> <div id=&quot;mhs02&quot; class=&quot;mhs&quot;> <span class=&quot;nama&quot;> Dewi Purnama </span> <br> <span class=&quot;alamat&quot;> Jl. Cisitu Lama 24 </span> </div> <style type=&quot;text/css&quot;> .mhs {border: black solid 1; margin-bottom: 10; padding: 10} .nama {font: bold 20 Arial} .alamat {font-style: italic} </style> <div id=&quot;mhs01&quot; class=&quot;mhs&quot;> <span class=&quot;nama&quot;>Adrian Marzuki</span><br> ... Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
To do list.. Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Finally Pemograman Web (2010/2011) – Hari Setiaji, S.Kom

Más contenido relacionado

La actualidad más candente

CSS Layouting #4 : Float
CSS Layouting #4 : FloatCSS Layouting #4 : Float
CSS Layouting #4 : FloatSandhika Galih
 
CSS Dasar #8 : Pseudo-class
CSS Dasar #8 : Pseudo-classCSS Dasar #8 : Pseudo-class
CSS Dasar #8 : Pseudo-classSandhika Galih
 
CSS Dasar #3 : Penempatan CSS
CSS Dasar #3 : Penempatan CSSCSS Dasar #3 : Penempatan CSS
CSS Dasar #3 : Penempatan CSSSandhika Galih
 
CSS Dasar #4 : Font Styling
CSS Dasar #4 : Font StylingCSS Dasar #4 : Font Styling
CSS Dasar #4 : Font StylingSandhika Galih
 
CSS Layouting #5 : Position
CSS Layouting #5 : PositionCSS Layouting #5 : Position
CSS Layouting #5 : PositionSandhika Galih
 
CSS Dasar #6 : Background
CSS Dasar #6 : BackgroundCSS Dasar #6 : Background
CSS Dasar #6 : BackgroundSandhika Galih
 
HTML Dasar : #2 Hello World
HTML Dasar : #2 Hello WorldHTML Dasar : #2 Hello World
HTML Dasar : #2 Hello WorldSandhika Galih
 
HTML Dasar : #7 Hyperlink
HTML Dasar : #7 HyperlinkHTML Dasar : #7 Hyperlink
HTML Dasar : #7 HyperlinkSandhika Galih
 
HTML Dasar : #1 Pendahuluan
HTML Dasar : #1 PendahuluanHTML Dasar : #1 Pendahuluan
HTML Dasar : #1 PendahuluanSandhika Galih
 
Presentasi konsep dasar html
Presentasi konsep dasar htmlPresentasi konsep dasar html
Presentasi konsep dasar htmlDedy Setiawan
 
CSS Dasar #2 : Anatomy CSS
CSS Dasar #2 : Anatomy CSSCSS Dasar #2 : Anatomy CSS
CSS Dasar #2 : Anatomy CSSSandhika Galih
 
CSS Layouting #2 : Dimensi & Overflow
CSS Layouting #2 : Dimensi & OverflowCSS Layouting #2 : Dimensi & Overflow
CSS Layouting #2 : Dimensi & OverflowSandhika Galih
 
Algoritma dan Struktur Data (Python) - Struktur Data
Algoritma dan Struktur Data (Python) - Struktur DataAlgoritma dan Struktur Data (Python) - Struktur Data
Algoritma dan Struktur Data (Python) - Struktur DataAndiNurkholis1
 

La actualidad más candente (20)

CSS Layouting #4 : Float
CSS Layouting #4 : FloatCSS Layouting #4 : Float
CSS Layouting #4 : Float
 
Materi CSS Dasar
Materi CSS DasarMateri CSS Dasar
Materi CSS Dasar
 
CSS Dasar #8 : Pseudo-class
CSS Dasar #8 : Pseudo-classCSS Dasar #8 : Pseudo-class
CSS Dasar #8 : Pseudo-class
 
CSS Dasar #3 : Penempatan CSS
CSS Dasar #3 : Penempatan CSSCSS Dasar #3 : Penempatan CSS
CSS Dasar #3 : Penempatan CSS
 
HTML Dasar : #10 Form
HTML Dasar : #10 FormHTML Dasar : #10 Form
HTML Dasar : #10 Form
 
HTML Dasar : #6 List
HTML Dasar : #6 ListHTML Dasar : #6 List
HTML Dasar : #6 List
 
CSS Dasar #4 : Font Styling
CSS Dasar #4 : Font StylingCSS Dasar #4 : Font Styling
CSS Dasar #4 : Font Styling
 
CSS Layouting #5 : Position
CSS Layouting #5 : PositionCSS Layouting #5 : Position
CSS Layouting #5 : Position
 
CSS Dasar #6 : Background
CSS Dasar #6 : BackgroundCSS Dasar #6 : Background
CSS Dasar #6 : Background
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
HTML Dasar : #9 Tabel
HTML Dasar : #9 TabelHTML Dasar : #9 Tabel
HTML Dasar : #9 Tabel
 
HTML Dasar : #2 Hello World
HTML Dasar : #2 Hello WorldHTML Dasar : #2 Hello World
HTML Dasar : #2 Hello World
 
HTML Dasar : #7 Hyperlink
HTML Dasar : #7 HyperlinkHTML Dasar : #7 Hyperlink
HTML Dasar : #7 Hyperlink
 
HTML Dasar : #1 Pendahuluan
HTML Dasar : #1 PendahuluanHTML Dasar : #1 Pendahuluan
HTML Dasar : #1 Pendahuluan
 
Presentasi konsep dasar html
Presentasi konsep dasar htmlPresentasi konsep dasar html
Presentasi konsep dasar html
 
CSS Dasar #2 : Anatomy CSS
CSS Dasar #2 : Anatomy CSSCSS Dasar #2 : Anatomy CSS
CSS Dasar #2 : Anatomy CSS
 
CSS Layouting #2 : Dimensi & Overflow
CSS Layouting #2 : Dimensi & OverflowCSS Layouting #2 : Dimensi & Overflow
CSS Layouting #2 : Dimensi & Overflow
 
HTML Dasar : #3 Tags
HTML Dasar : #3 TagsHTML Dasar : #3 Tags
HTML Dasar : #3 Tags
 
HTML Dasar : #8 Image
HTML Dasar : #8 ImageHTML Dasar : #8 Image
HTML Dasar : #8 Image
 
Algoritma dan Struktur Data (Python) - Struktur Data
Algoritma dan Struktur Data (Python) - Struktur DataAlgoritma dan Struktur Data (Python) - Struktur Data
Algoritma dan Struktur Data (Python) - Struktur Data
 

Similar a HTML - Form

Similar a HTML - Form (20)

HTML Dasar
HTML DasarHTML Dasar
HTML Dasar
 
Teknologi XML - Pengenalan Tree
Teknologi XML - Pengenalan TreeTeknologi XML - Pengenalan Tree
Teknologi XML - Pengenalan Tree
 
DTD - Atribut dan Entities
DTD - Atribut dan EntitiesDTD - Atribut dan Entities
DTD - Atribut dan Entities
 
Teknologi XML - Pengenalan DTD
Teknologi XML - Pengenalan DTDTeknologi XML - Pengenalan DTD
Teknologi XML - Pengenalan DTD
 
webdesign dasar : 08 form
webdesign dasar : 08 formwebdesign dasar : 08 form
webdesign dasar : 08 form
 
Web Programming - Cascading Style Sheet
Web Programming - Cascading Style Sheet Web Programming - Cascading Style Sheet
Web Programming - Cascading Style Sheet
 
Html Tingkat Lanjut dan Aplikasi pada Form
Html Tingkat Lanjut dan Aplikasi pada FormHtml Tingkat Lanjut dan Aplikasi pada Form
Html Tingkat Lanjut dan Aplikasi pada Form
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Web Programming - Javascript
Web Programming - JavascriptWeb Programming - Javascript
Web Programming - Javascript
 
07 form
07 form07 form
07 form
 
04. Penanganan Form
04. Penanganan Form04. Penanganan Form
04. Penanganan Form
 
Pemrograman web modul 1 dan 2
Pemrograman web  modul 1 dan 2Pemrograman web  modul 1 dan 2
Pemrograman web modul 1 dan 2
 
4 basic html form
4 basic html form4 basic html form
4 basic html form
 
HTML
HTMLHTML
HTML
 
Introduction to XPath
Introduction to XPathIntroduction to XPath
Introduction to XPath
 
Pemrograman Web & Perangkat Bergerak - materi Form
Pemrograman Web & Perangkat Bergerak - materi FormPemrograman Web & Perangkat Bergerak - materi Form
Pemrograman Web & Perangkat Bergerak - materi Form
 
Html dasar
Html dasarHtml dasar
Html dasar
 
webdesign dasar : 09 mengubah tampilan form
webdesign dasar : 09 mengubah tampilan formwebdesign dasar : 09 mengubah tampilan form
webdesign dasar : 09 mengubah tampilan form
 
11 form
11 form11 form
11 form
 
Introduction to xhtml
Introduction to xhtmlIntroduction to xhtml
Introduction to xhtml
 

Más de Hari Setiaji

Project Management Tools
Project Management ToolsProject Management Tools
Project Management ToolsHari Setiaji
 
Database Jaman Now
Database Jaman NowDatabase Jaman Now
Database Jaman NowHari Setiaji
 
Introduction to ajax
Introduction to ajaxIntroduction to ajax
Introduction to ajaxHari Setiaji
 
Web Programming - PHP
Web Programming - PHPWeb Programming - PHP
Web Programming - PHPHari Setiaji
 
Tutorial Postgre SQL
Tutorial Postgre SQLTutorial Postgre SQL
Tutorial Postgre SQLHari Setiaji
 
Bab II Use Case Diagram
Bab II Use Case DiagramBab II Use Case Diagram
Bab II Use Case DiagramHari Setiaji
 
Bab I Data Flow Diagram
Bab I Data Flow DiagramBab I Data Flow Diagram
Bab I Data Flow DiagramHari Setiaji
 
Native Xml Tutorial
Native Xml TutorialNative Xml Tutorial
Native Xml TutorialHari Setiaji
 
Persentasi Ajax Native Xml
Persentasi Ajax Native XmlPersentasi Ajax Native Xml
Persentasi Ajax Native XmlHari Setiaji
 
Distributed Database Using Oracle
Distributed Database Using OracleDistributed Database Using Oracle
Distributed Database Using OracleHari Setiaji
 

Más de Hari Setiaji (13)

Project Management Tools
Project Management ToolsProject Management Tools
Project Management Tools
 
Database Jaman Now
Database Jaman NowDatabase Jaman Now
Database Jaman Now
 
Introduction to ajax
Introduction to ajaxIntroduction to ajax
Introduction to ajax
 
Web Programming - PHP
Web Programming - PHPWeb Programming - PHP
Web Programming - PHP
 
Tutorial Postgre SQL
Tutorial Postgre SQLTutorial Postgre SQL
Tutorial Postgre SQL
 
Pengenalan XML
Pengenalan XMLPengenalan XML
Pengenalan XML
 
Internet dan Web
Internet dan WebInternet dan Web
Internet dan Web
 
Perkembangan Web
Perkembangan WebPerkembangan Web
Perkembangan Web
 
Bab II Use Case Diagram
Bab II Use Case DiagramBab II Use Case Diagram
Bab II Use Case Diagram
 
Bab I Data Flow Diagram
Bab I Data Flow DiagramBab I Data Flow Diagram
Bab I Data Flow Diagram
 
Native Xml Tutorial
Native Xml TutorialNative Xml Tutorial
Native Xml Tutorial
 
Persentasi Ajax Native Xml
Persentasi Ajax Native XmlPersentasi Ajax Native Xml
Persentasi Ajax Native Xml
 
Distributed Database Using Oracle
Distributed Database Using OracleDistributed Database Using Oracle
Distributed Database Using Oracle
 

Último

DOKUMEN PENJAJARAN_KSSR MATEMATIK TAHAP 1_EDISI 3.pdf
DOKUMEN PENJAJARAN_KSSR MATEMATIK TAHAP 1_EDISI 3.pdfDOKUMEN PENJAJARAN_KSSR MATEMATIK TAHAP 1_EDISI 3.pdf
DOKUMEN PENJAJARAN_KSSR MATEMATIK TAHAP 1_EDISI 3.pdfssuserb45274
 
slaid penerangan UPUonline 2024 UPU 2024
slaid penerangan UPUonline  2024 UPU 2024slaid penerangan UPUonline  2024 UPU 2024
slaid penerangan UPUonline 2024 UPU 2024ssuser82320b
 
Aksi Nyata Modul 3.3.pdf tentang kepemimpinan murid
Aksi Nyata Modul 3.3.pdf tentang kepemimpinan muridAksi Nyata Modul 3.3.pdf tentang kepemimpinan murid
Aksi Nyata Modul 3.3.pdf tentang kepemimpinan muridYusnelMarni
 
BMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASI
BMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASIBMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASI
BMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASIwanalifhikmi
 
Jalur Rempah Pada Masa Hindu Buddha.pptx
Jalur Rempah Pada Masa Hindu Buddha.pptxJalur Rempah Pada Masa Hindu Buddha.pptx
Jalur Rempah Pada Masa Hindu Buddha.pptxPutriSoniaAyu
 
Seminar Seri AI Talks - AI dan Media Kristen
Seminar Seri AI Talks - AI dan Media KristenSeminar Seri AI Talks - AI dan Media Kristen
Seminar Seri AI Talks - AI dan Media KristenSABDA
 
keutamaan dan hikmah shaalat fardhu .pdf
keutamaan dan hikmah shaalat fardhu .pdfkeutamaan dan hikmah shaalat fardhu .pdf
keutamaan dan hikmah shaalat fardhu .pdfatsira1
 
Program Roots Indonesia - Aksi Nyata.pdf
Program Roots Indonesia - Aksi Nyata.pdfProgram Roots Indonesia - Aksi Nyata.pdf
Program Roots Indonesia - Aksi Nyata.pdfrizalrulloh1992
 
2024 - PSAJ PAI SMK Kisi-kisi Utama.docx
2024 - PSAJ PAI SMK Kisi-kisi Utama.docx2024 - PSAJ PAI SMK Kisi-kisi Utama.docx
2024 - PSAJ PAI SMK Kisi-kisi Utama.docxaljabarkoho
 
Aminullah Assagaf_Regresi Lengkap 19_8 Nov 2023_Inc. Data panel & Perbandinga...
Aminullah Assagaf_Regresi Lengkap 19_8 Nov 2023_Inc. Data panel & Perbandinga...Aminullah Assagaf_Regresi Lengkap 19_8 Nov 2023_Inc. Data panel & Perbandinga...
Aminullah Assagaf_Regresi Lengkap 19_8 Nov 2023_Inc. Data panel & Perbandinga...Aminullah Assagaf
 
573323880-PPT-Nasionalisme-dan-Anti-Korupsi.pptx
573323880-PPT-Nasionalisme-dan-Anti-Korupsi.pptx573323880-PPT-Nasionalisme-dan-Anti-Korupsi.pptx
573323880-PPT-Nasionalisme-dan-Anti-Korupsi.pptxanisakhairoza
 
K1_pengantar komunikasi pendidikan (1).pdf
K1_pengantar komunikasi pendidikan (1).pdfK1_pengantar komunikasi pendidikan (1).pdf
K1_pengantar komunikasi pendidikan (1).pdf2210130220024
 
Kisi-kisi PTS Kelas 8 semester 2 kurikulum merdeka
Kisi-kisi PTS Kelas 8 semester 2 kurikulum merdekaKisi-kisi PTS Kelas 8 semester 2 kurikulum merdeka
Kisi-kisi PTS Kelas 8 semester 2 kurikulum merdekahellenchanel31
 
Powerpoint tentang Kebutuhan Manusia kelas X
Powerpoint tentang Kebutuhan Manusia kelas XPowerpoint tentang Kebutuhan Manusia kelas X
Powerpoint tentang Kebutuhan Manusia kelas Xyova9dspensa
 
Aksi Nyata Guru Penggerak Modul 3.3. Program Berdampak Positif pada Murid
Aksi Nyata Guru Penggerak Modul 3.3. Program Berdampak Positif pada MuridAksi Nyata Guru Penggerak Modul 3.3. Program Berdampak Positif pada Murid
Aksi Nyata Guru Penggerak Modul 3.3. Program Berdampak Positif pada MuridDonyAndriSetiawan
 
Nasab Nabi Muhammad SAW. dari Nabi Ibrahimpptx
Nasab Nabi Muhammad SAW. dari Nabi IbrahimpptxNasab Nabi Muhammad SAW. dari Nabi Ibrahimpptx
Nasab Nabi Muhammad SAW. dari Nabi IbrahimpptxSuGito15
 
MATERI PESANTREN KILAT RAMADHAN AQIDAH ISLAM.pptx
MATERI PESANTREN KILAT RAMADHAN  AQIDAH ISLAM.pptxMATERI PESANTREN KILAT RAMADHAN  AQIDAH ISLAM.pptx
MATERI PESANTREN KILAT RAMADHAN AQIDAH ISLAM.pptxSuarniSuarni5
 
MATERI pesntren kilat FIQIH THAHARAH.pptx
MATERI pesntren kilat FIQIH THAHARAH.pptxMATERI pesntren kilat FIQIH THAHARAH.pptx
MATERI pesntren kilat FIQIH THAHARAH.pptxSuarniSuarni5
 

Último (20)

DOKUMEN PENJAJARAN_KSSR MATEMATIK TAHAP 1_EDISI 3.pdf
DOKUMEN PENJAJARAN_KSSR MATEMATIK TAHAP 1_EDISI 3.pdfDOKUMEN PENJAJARAN_KSSR MATEMATIK TAHAP 1_EDISI 3.pdf
DOKUMEN PENJAJARAN_KSSR MATEMATIK TAHAP 1_EDISI 3.pdf
 
slaid penerangan UPUonline 2024 UPU 2024
slaid penerangan UPUonline  2024 UPU 2024slaid penerangan UPUonline  2024 UPU 2024
slaid penerangan UPUonline 2024 UPU 2024
 
Aksi Nyata Modul 3.3.pdf tentang kepemimpinan murid
Aksi Nyata Modul 3.3.pdf tentang kepemimpinan muridAksi Nyata Modul 3.3.pdf tentang kepemimpinan murid
Aksi Nyata Modul 3.3.pdf tentang kepemimpinan murid
 
BMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASI
BMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASIBMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASI
BMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASI
 
Jalur Rempah Pada Masa Hindu Buddha.pptx
Jalur Rempah Pada Masa Hindu Buddha.pptxJalur Rempah Pada Masa Hindu Buddha.pptx
Jalur Rempah Pada Masa Hindu Buddha.pptx
 
Seminar Seri AI Talks - AI dan Media Kristen
Seminar Seri AI Talks - AI dan Media KristenSeminar Seri AI Talks - AI dan Media Kristen
Seminar Seri AI Talks - AI dan Media Kristen
 
Persiapandalam Negosiasi dan Loby .pptx
Persiapandalam  Negosiasi dan Loby .pptxPersiapandalam  Negosiasi dan Loby .pptx
Persiapandalam Negosiasi dan Loby .pptx
 
keutamaan dan hikmah shaalat fardhu .pdf
keutamaan dan hikmah shaalat fardhu .pdfkeutamaan dan hikmah shaalat fardhu .pdf
keutamaan dan hikmah shaalat fardhu .pdf
 
Program Roots Indonesia - Aksi Nyata.pdf
Program Roots Indonesia - Aksi Nyata.pdfProgram Roots Indonesia - Aksi Nyata.pdf
Program Roots Indonesia - Aksi Nyata.pdf
 
2024 - PSAJ PAI SMK Kisi-kisi Utama.docx
2024 - PSAJ PAI SMK Kisi-kisi Utama.docx2024 - PSAJ PAI SMK Kisi-kisi Utama.docx
2024 - PSAJ PAI SMK Kisi-kisi Utama.docx
 
KOMUNIKATOR POLITIK ( AKTOR POLITIK).pptx
KOMUNIKATOR POLITIK ( AKTOR POLITIK).pptxKOMUNIKATOR POLITIK ( AKTOR POLITIK).pptx
KOMUNIKATOR POLITIK ( AKTOR POLITIK).pptx
 
Aminullah Assagaf_Regresi Lengkap 19_8 Nov 2023_Inc. Data panel & Perbandinga...
Aminullah Assagaf_Regresi Lengkap 19_8 Nov 2023_Inc. Data panel & Perbandinga...Aminullah Assagaf_Regresi Lengkap 19_8 Nov 2023_Inc. Data panel & Perbandinga...
Aminullah Assagaf_Regresi Lengkap 19_8 Nov 2023_Inc. Data panel & Perbandinga...
 
573323880-PPT-Nasionalisme-dan-Anti-Korupsi.pptx
573323880-PPT-Nasionalisme-dan-Anti-Korupsi.pptx573323880-PPT-Nasionalisme-dan-Anti-Korupsi.pptx
573323880-PPT-Nasionalisme-dan-Anti-Korupsi.pptx
 
K1_pengantar komunikasi pendidikan (1).pdf
K1_pengantar komunikasi pendidikan (1).pdfK1_pengantar komunikasi pendidikan (1).pdf
K1_pengantar komunikasi pendidikan (1).pdf
 
Kisi-kisi PTS Kelas 8 semester 2 kurikulum merdeka
Kisi-kisi PTS Kelas 8 semester 2 kurikulum merdekaKisi-kisi PTS Kelas 8 semester 2 kurikulum merdeka
Kisi-kisi PTS Kelas 8 semester 2 kurikulum merdeka
 
Powerpoint tentang Kebutuhan Manusia kelas X
Powerpoint tentang Kebutuhan Manusia kelas XPowerpoint tentang Kebutuhan Manusia kelas X
Powerpoint tentang Kebutuhan Manusia kelas X
 
Aksi Nyata Guru Penggerak Modul 3.3. Program Berdampak Positif pada Murid
Aksi Nyata Guru Penggerak Modul 3.3. Program Berdampak Positif pada MuridAksi Nyata Guru Penggerak Modul 3.3. Program Berdampak Positif pada Murid
Aksi Nyata Guru Penggerak Modul 3.3. Program Berdampak Positif pada Murid
 
Nasab Nabi Muhammad SAW. dari Nabi Ibrahimpptx
Nasab Nabi Muhammad SAW. dari Nabi IbrahimpptxNasab Nabi Muhammad SAW. dari Nabi Ibrahimpptx
Nasab Nabi Muhammad SAW. dari Nabi Ibrahimpptx
 
MATERI PESANTREN KILAT RAMADHAN AQIDAH ISLAM.pptx
MATERI PESANTREN KILAT RAMADHAN  AQIDAH ISLAM.pptxMATERI PESANTREN KILAT RAMADHAN  AQIDAH ISLAM.pptx
MATERI PESANTREN KILAT RAMADHAN AQIDAH ISLAM.pptx
 
MATERI pesntren kilat FIQIH THAHARAH.pptx
MATERI pesntren kilat FIQIH THAHARAH.pptxMATERI pesntren kilat FIQIH THAHARAH.pptx
MATERI pesntren kilat FIQIH THAHARAH.pptx
 

HTML - Form

  • 1. HTML - Form Hyper Text Mark Up Language Pemograman Web (2010/2011) – Mar 3, 2011 Teknik Informatika, Universitas Islam Indonesia Follow Hari Setiaji on Twitter
  • 2. Ready to step forward ? Pemograman Web (2010/2011) – Hari Setiaji, S.Kom Yes.. We can, web programming is easy..
  • 3. Remember Pemograman Web (2010/2011) – Hari Setiaji, S.Kom <tag_name atribut=“value”> </tag> Or <tag_name atribut=“value” />
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Contoh form Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
  • 16. Contoh form (2) Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
  • 17.
  • 18. Contoh <div id=&quot;mhs01&quot; class=&quot;mhs&quot;> <span class=&quot;nama&quot;> Adrian Marzuki </span> <br> <span class=&quot;alamat&quot;> Jl. Tubagus Ismail XI/5 </span> </div> <div id=&quot;mhs02&quot; class=&quot;mhs&quot;> <span class=&quot;nama&quot;> Dewi Purnama </span> <br> <span class=&quot;alamat&quot;> Jl. Cisitu Lama 24 </span> </div> <style type=&quot;text/css&quot;> .mhs {border: black solid 1; margin-bottom: 10; padding: 10} .nama {font: bold 20 Arial} .alamat {font-style: italic} </style> <div id=&quot;mhs01&quot; class=&quot;mhs&quot;> <span class=&quot;nama&quot;>Adrian Marzuki</span><br> ... Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
  • 19. To do list.. Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
  • 20. Finally Pemograman Web (2010/2011) – Hari Setiaji, S.Kom

Notas del editor

  1. Pemrograman Web
  2. Pemrograman Web