Skip to main content

Featured Post

Cara Naik Busway Untuk Pertama Kali

Blog Iman Prabawa - Hari ini saya pertama kali menggunakan busway untuk menuju ke kampus baru saya di Universitas Darma Persada. Karena saya mengalami kecelakaan motor maka saya sekarang tidak  lagi menggunakan motor, karena sudah menjadi trauma, kecelakaan motor ini membuat tangan kanan saya patah dan harus dipasang besi pen di tangan kanan saya ini.

Nah karena hari ini pertama kali saya menggunakan busway, saya mau sharing aja, karena saya yakin juga masih banyak juga yang belum pernah naik busway seumur hidupnya seperti saya dan ketika ingin naik busway kemudian bertanya kesana dan kesini.


Semoga sharing dari pengalaman saya naik busway untuk pertama kali ini bisa bermanfaat untuk teman-teman yang seperti saya, yang baru pertama kali ingin menggunakan transportasi busway ini.

Beli E-Ticket Terlebih Dahulu Nah sebelum saya naik busway tentunya saya bertanya-tanya dulu sama teman-teman saya yang sudah pernah menggunakan dan pernah naik busway. Dulu saya pernah satu kali diajak teman …

Membuat Form Sederhana Di HTML

Blog Iman Prabawa - Tulisan membuat form sederhana di html ini untuk mengingatkan saya akan pelajaran yang saya lagi lalui di Dumet School, karena kalau tidak dicatat biasanya saya lupa dan lupa dan lupa. Oleh karena itu saya berpikir untuk membuat artikelnya sehingga kalau nanti saya lupa, saya tinggal melihat tulisan saya lagi aja.

Kita akan membuat form sederhana seperti terlihat pada gambar di bawah ini.

Membuat Form Sederhana Di HTML

Untuk membuat form sederhana seperti terlihat pada gambar di atas yang harus kita lakukan pertama kali adalah mengetikkan tag form di dalam tag body, yang terlihat seperti gambar di bawah ini.



Kemudian kita menambahkan atribut method, yang mana kata instruktur saya akan dijelaskan nanti di materi php untuk apa sesungguhnya "method" ini. Kemudian juga kita tambahkan atribut action yang bisa kita lihat pada gambar di bawah ini.


Setelah itu kita menambahkan lagi perintah seperti terlihat pada gambar di bawah ini.


Dimana kalau kita coba Run, "Launch In Firefox" kalau kita mengetikkan di Notepad++ maka nanti akan menjadi seperti pada gambar di bawah ini.


Nah input type di atas adalah kalau kita hendak memasukkan text atau tulisan di kotak tersebut, maka kita memilihnya input type "text" kemudian atribut name fungsinya untuk menarik data nantinya, dijelaskan oleh instruktur saya nanti di php katanya, jadi lanjut lagi deh. Sementara place holder adalah apa yang kita ingin muncul tulisannya di kotak itu, disitu kan tertulis "Nama Saudara" nah ini fungsinya dari si placeholder ini.

Yang mana biasanya kalau mouse kita klikkan di kotak Nama Anda maka tulisan "Nama Saudara" itu menjadi hilang. Kemudian kalau kita lihat yang berikutnya ada perintah "required" disitu, itu fungsinya adalah membuat input tadi menjadi wajib diisi dimana kalau tidak diisi maka perintah submit atau kirim tidak bisa dilanjutkan.

Kemudian akan ada warna merah seperti gambar di bawah ini yang menunjukkan bahwa kotak tersebut memang harus dan wajib untuk diisi. Yang mana warna merah tersebut itu akan muncul kalau kita lupa mengisinya.


Dan yang terakhir dari perintah di atas ada bagian class ya, itu untuk nantinya kita menstyling dengan css kotak tersebut. Kalau kita ingin merubah misalnya ukuran dari kotaknya atau yang lainnya, itu nanti fungsinya untuk itu. Oh iya disitu ada br ya yang fungsinya untuk pindah baris, singkatan dari break.

Kemudian lanjut lagi kita mengetikkan perintah berikut ini.


Nah kemudian kalau kita melihat selanjutnya, label for-nya sekarang adalah e-mail karena kita kan sekarang hendak membuat kotak dimana nanti orang akan menuliskan e-mail disitu. Dan kita lihat input type-nya adalah e-mail dimana kalau orang mengetikkan bukan dalam bentuk e-mail nanti akan menjadi merah, menandakan bahwa salah penulisannya, itu bukan dikenali sebagai bentuk e-mail, atau seperti terlihat pada gambar di bawah ini, dimana saya memasukkan bukan dalam bentuk e-mail, sehingga kotaknya menjadi merah.


Kalau saya mengetikkannya ada @ dan bentuk e-mail yang benar pasti warna merahnya nanti akan hilang. Dan sudah jadi ya? Eits belum, kita masih perlu untuk membuat tombol bertuliskan Kirim, yang nanti bisa kita klik disitu. Yuk kita membuat tombol Kirimnya, dengan perintah seperti berikut ini.



Oh iya, untuk placeholdernya, required sama classnya, masih sama fungsinya dengan apa yang sudah kita buat untuk "Nama Anda" di atas. Sekarang lanjut lagi ya membuat tombol Kirim-nya.


Nah kalau kita lihat di tulisan di atas, input type-nya sekarang "Submit" kemudian value, nah value ini nanti untuk tulisan di dalam tombol tersebut. Kalau kita menuliskannya Kirim ya berarti akan tertulis Kirim, kalau kita menuliskannya menjadi Send, maka itu akan tertulis menjadi Send. Sementara class itu untuk nanti css.

Nah selesai dah kita, ini untuk bentuk form yang sederhana ya. Nanti di tulisan yang lainnya kita akan membuat form yang lebih lengkap lagi ya. Ini sekali lagi tulisan membuat form sederhana di html ini lebih untuk saya mengingat apa yang sudah diberikan oleh instruktur saya. Kebetulan ini saya menulisnya pada saat saya lagi kursus html di Dumet School.

Sampai ketemu lagi di Catatan Iman Prabawa. Salam..


Baca juga :
  1. Belajar Membuat Website
  2. Membuat Form Lanjutan Di HTML
  3. Belajar Photoshop

Comments

Popular posts from this blog

Cara Naik Busway Untuk Pertama Kali

Blog Iman Prabawa - Hari ini saya pertama kali menggunakan busway untuk menuju ke kampus baru saya di Universitas Darma Persada. Karena saya mengalami kecelakaan motor maka saya sekarang tidak  lagi menggunakan motor, karena sudah menjadi trauma, kecelakaan motor ini membuat tangan kanan saya patah dan harus dipasang besi pen di tangan kanan saya ini.

Nah karena hari ini pertama kali saya menggunakan busway, saya mau sharing aja, karena saya yakin juga masih banyak juga yang belum pernah naik busway seumur hidupnya seperti saya dan ketika ingin naik busway kemudian bertanya kesana dan kesini.


Semoga sharing dari pengalaman saya naik busway untuk pertama kali ini bisa bermanfaat untuk teman-teman yang seperti saya, yang baru pertama kali ingin menggunakan transportasi busway ini.

Beli E-Ticket Terlebih Dahulu Nah sebelum saya naik busway tentunya saya bertanya-tanya dulu sama teman-teman saya yang sudah pernah menggunakan dan pernah naik busway. Dulu saya pernah satu kali diajak teman …

Pengalaman Menggunakan Kasur Busa Inoac

Blog Iman Prabawa - Kali ini saya mau sharing sedikit mengenai pengalaman menggunakan kasur busa Inoac, yap! Untuk teman-teman yang pernah membaca tulisan saya "Kasur Angin Mudah Bocor?" tentu tahu saya akhirnya tidak lagi menggunakan kasur angin walau pun itu kasur menurut saya nyaman sekali digunakan, tapi karena kasurnya bocor dan ternyata banyak yang sudah mengalami juga kasur anginnya mengalami kebocoran, jadi saya sudah tidak menggunakan kasur angin lagi deh.

Search Kasur Busa Di Internet Karena mengalami kasur angin yang bocor dan di kamar saya ngga ada kasur lagi yang bisa digunakan jadi kemudian saya search aja mencari kasur yang bisa saya gunakan. Untuk menggunakan kasur spring bed seperti itu sepertinya ngga deh, pilihan saya ngga di kasur spring bed, karena tempat dari kamar saya kayanya ngga pas dipakein kasur tersebut disamping keuangan saya juga yang lagi kurang baik.

Karena kalau kasur spring bed yang ngga bagus saya pernah nyoba, dimana pernya kerasa banget …

Beli Plastik Bubble Dimana Ya?

Blog Iman Prabawa - Mungkin ada teman-teman juga yang bertanya hal yang sama dengan saya, yaitu beli plastik bubble dimana ya? Apa sih plastik buble itu? Itu lho plastik yang ada gelembungnya gitu. Yang biasanya buat pelindung barang kalau kita mau ngirim-ngirim.
Atau biasanya kalau kita beli barang dan dikirim suka dibungkus dengan plastik bubble kaya gitu. Tadi kebetulan saya ingin ngirim barang, jadi kepikiran banget untuk mendadak banget beli plastik bubble. Nah langsung aja saya search di google ternyata ada yang nyari juga ya.
Tapi kebanyakan yang jual, dan karena saya butuh cepat yang saat itu ada, saya hanya melihat ada yang posting ngga mengenai hal ini, saya lihat salah satunya ada yang bilang di pasar Mester daerah Jatinegara. Tapi karena buat saya juga terlalu jauh saya search lagi.
Dan ngga nemu juga! Akhirnya saya iseng ke ACE Hardware yang ada di dekat rumah saya di daerah Cempaka Putih. Sesampainya disana saya muter-muter dulu sebelum nanya ke petugasnya. Akhirnya ngga…