Home » » Cara membuat Login Form dengan HTML

Cara membuat Login Form dengan HTML

Login Form
Pada Artikel sebelumnya saya sudah membahas cara membuat table dengan HTML. Kali ini saya akan memberikan tips Cara membuat Login Form dengan HTML.

Teknik yang saya gunakan kali ini hanya untuk pemula. Disini saya masih menggunakan teknik cara membuat table. Tapi dengan dimodifikasi sedikit kita bisa merubahnya menjadi sesuatu yang baru. 

Coba perhatikan source code dibawah ini :
 
<table width="405" height="169" border="0" cellpadding="0" cellspacing="0">

    <tr bgcolor="#428ef6">
      <td height="37" colspan="2"><div align="center"><strong>PLEASE LOGIN</strong></div></td>
    </tr>
    <tr>
      <td width="95" height="32">Username</td>
      <td width="304"><label>:
          <input name="username" type="text" id="username" />
      </label></td>
    </tr>
    <tr>
      <td height="26">Password</td>
      <td><label>:
          <input name="password" type="password" id="password" />
      </label></td>
    </tr>
    <tr>
      <td height="48"> </td>
      <td><input name="Login" type="submit" id="Login" value="Login" />
          <input name="Batal" type="submit" id="Batal" value="Batal" /></td>
    </tr>
    <tr bgcolor="#428ef6">
      <td height="26" colspan="2"><div align="right"><strong>roypurbo.blogspot.com</strong></div></td>
    </tr>
  </table>


Penjelasannya ::
  • Di dalam <table>...</table> kita bisa mengasih attribut tinggi dan lebar juga. kita tinggal mengasih nilai pada attribut tersebut (height & width).
  • <div align="center>... </div> gunanya untuk membuat text rata tengah.
  • <strong>...</strong> untuk membuat text menjadi cetak tebal.
  • Tag <input> untuk menentukan sebuah field input, dimana pengguna bisa memasukan data. Sebuah input dapat bervariasi dalam banyak cara, tergantung type attribut.
  • attribut text pada input untuk membuat text field.
  • attribut password untuk membuat text field rahasia.
  • attribut submit untuk button.
Hasil Tampilannya ::

PLEASE LOGIN
Username
Password
roypurbo.blogspot.com

 Mudah sajakan ??? Silahkan anda modifikasi sendiri source code diatas.
Semoga artikel ini bermanfaat buat anda.

138 comments:

  1. boy ksih tau koneksinya lah biar lengkap.....

    ReplyDelete
  2. This comment has been removed by a blog administrator.

    ReplyDelete
  3. This comment has been removed by a blog administrator.

    ReplyDelete
  4. kunjungi balik ya hattasuperkeren.blogspot.com

    ReplyDelete
  5. Kurang mudeng aku mas......
    jangan lupa mampir juga ye di blog ane..
    www.BubeMob.com

    ReplyDelete
  6. terus kalau tombol daftar sama lupa password dimna mas.??

    ReplyDelete
  7. gan lengkapi lagi geh koneksi nya

    ReplyDelete
  8. cara menambahkan form pada web gimana gan

    ReplyDelete
  9. mantap dah tipsnya kawan
    http://acemaxs31.com/obat-herbal-kolesterol/

    ReplyDelete
  10. Trims bro tipsnya sangat membantu

    ReplyDelete
  11. Makasih gan untuk informasinya, sangat membantu :)
    http://grosiracemaxstasik.com/cara-mengatasi-obesitas-pada-remaja/

    ReplyDelete
  12. Makasih informasinya gan :)
    http://goo.gl/9UzkHw

    ReplyDelete
  13. Makasih aja deh gan, walaupun ane gak ngerti :D
    http://goo.gl/ospcwa

    ReplyDelete
  14. Nice info bro .. Kebetulan ane lagi ada tugas dari tempat magang buat bikin form login make html terus databasenya disambungin ke sql server .. meski semuanya gak dirangkum disini tapi ini sangat membantu sekali .. thanks ^_^

    ReplyDelete
  15. script ini bisa buat loading blog makin lama ga ya min? Website Gratis

    ReplyDelete
  16. Ane udh pasang gan dan keren bgt nih cek aja di http://www.tokopf.com

    ReplyDelete
  17. carany biar masuk ke tab lain pas pencet login gimana?

    ReplyDelete
  18. mantap banget gan form loginnya

    www.smartkiosku.com

    ReplyDelete
  19. the discussion was very interesting to read, awaited the article more interesting yes .. Do not forget to visit the article about the health of the following:

    http://obat-alami.info/pengobatan-tradisional-gagal-ginjal/

    ReplyDelete
  20. wow Thanks your Information and i share this article
    Indojavhd
    Video Bokeh Full

    ReplyDelete
  21. sya pelajar smk kls 1, mkasi untuk ilmunya, follow ig :: @_masih_perjaka (tidak isi @)

    ReplyDelete
  22. wow Thanks your Information and i share this article and see you
    mp3http mp3
    bagishared porn

    ReplyDelete
  23. Indahnya saling berbagi pengetahuan dan keilmuan. Silahkan singgah di blog perkuliahan pemrograman saya:

    http://rismonhasiholansianipar.blogspot.co.id

    http://rhsianipar.blogspot.co.id

    http://rismonhsianipar.blogspot.co.id

    ReplyDelete
  24. Indahnya saling berbagi pengetahuan dan keilmuan. Silahkan singgah di blog perkuliahan pemrograman saya:

    http://rismonhasiholansianipar.blogspot.co.id

    http://rhsianipar.blogspot.co.id

    http://rismonhsianipar.blogspot.co.id

    ReplyDelete
  25. This comment has been removed by the author.

    ReplyDelete
  26. jika ada yg kurang paham atau di mengerti silahkan kunjungi
    http://codinglengkap.blogspot.co.id/p/a.html

    ReplyDelete
  27. belajar jaringan komputer

    http://anaknetworkingg.blogspot.com

    ReplyDelete
  28. terimakasih telah memberikan saya pengetahuan melalui artikel ini..

    ReplyDelete
  29. This comment has been removed by the author.

    ReplyDelete
  30. Wihh manteb gan info nya, makasih gan
    website nya rapih
    kunjung balik gan, banyak artikel tentang kesehatan dan pengobatan penyakit
    Golden Gamat Mitoha

    ReplyDelete
  31. This is kind of off topic but I need some help
    from an established blog. Is it hard to set up your own blog?
    I'm not very techincal but I can figure things out pretty quick.
    I'm thinking about creating my own but I'm not sure where to start.
    Do you have any tips or suggestions? Thanks
    free mobile youtube videos
    and you must try
    download lagu
    tube video
    yaaya
    universehowto.com
    pagalhd

    ReplyDelete
  32. มาเด้ เป็นยังไง? เป็นส่วนประกอบของสารสกัดที่ได้มาจากธรรมชาติมีทั้งยังวิตามินรวม แร่ เอนเหล้าองุ่นรวมทั้งเชลล์บรรเทา
    มีอีกทั้งพลาสเซนต้ารวมทั้งคอลลาเจนโดนสารทั้งหมดจำเป็นต้องผ่านขั้นตอนจัดเตรียมสูตรยาแบบ(Homeopathy)
    เป็นศาสตร์การบำบัดที่มีต้นกำเนิดมาจาก สหพันธ์สาธารณรัฐเยอรมนี โดยกานศึกษาค้นพบของหมอ ซามุเอลฮาเนมัน แก่มากยิ่งกว่า 200
    ปีโดยมีแนวทางบรรเทาว่า (ใช้สิ่งที่คล้ายคลึงกันมารักษาสิ่งที่คล้ายคลึงกัน) หรือการนำเอาสารที่เป็นต้นเหตุของอาการนั้นๆ

    มาเด้
    มาเด้ หน้าใส
    ฉีดมาเด้ ที่ไหนดี

    ReplyDelete
  33. makasih info nya gan

    jangan lupa kunjungi blo saya di http://www.portalcoding.com

    ReplyDelete
  34. • กำจัดขน
    • กระตุ้นการผลิตคอลลาเจนชูกระชับผิวหน้า (Tightening) เลือนหายไปริ้วรอยช่วยทำให้ผิวเรียบเนียน
    • รอยหลุมสิวตื้นขึ้นแล้วก็รูขุมขนกระชับขึ้นผิวหน้าละเอียดแล้วก็เรียบเนียน
    • รักษาสิวอักเสบรอยแดงจากสิวหรือเส้นเลือดฝอยที่แตกต่างจากปกติ
    • ลดความหมองคล้ำผิวกระจ่างขาวสวยใสดูอ่อนกว่าวัย
    • กำจัดเส้นโลหิตขอดรวมทั้งเส้นเลือดฝอย
    • รักษาเส้นโลหิตขอดเล็กๆได้โดยไม่ต้องเสียเวล่ำเวลาผ่าตัด ไม่ต้องนอนพัก แต่ว่าบางทีอาจจำเป็นต้องทำต่อเนื่องกันบ่อยมากก็เลยจะได้ประสิทธิภาพที่ดี

    เลเซอร์ขนขา
    เลเซอร์รักแร้
    เลเซอร์บิกินี
    เลเซอร์ กำจัดขนหน้า
    เลเซอร์ กำจัดขน รักแร้

    ReplyDelete

  35. Selamat datang di obat herbal alami qnc jelly gamat sangat berkhasiat, Solusi pengobatan berbagi macam-macam jenis penyakit, Penyakit luar maupun dalam, Untuk informasi lebih lengkap dan tips kesehatan yang bermanfaat, Silahkan kunjungi website resmi kami.
    OBAT HERBAL ALAMI TERAMPUH

    ReplyDelete
  36. Normal blood sugar levels are less than 100 mg/dL after not eating (fasting) for at least eight hours. And they're less than 140 mg/dL two hours after eating. During the day, levels tend to be at their lowest just before meals.
    http://honestjvzooreviews.com/zenith-labs-blood-sugar-premier-review/

    ReplyDelete
  37. Blood sugar or blood glucose measurements represent the amount of sugar being transported in the blood during one instant. The sugar comes from the food we eat. The human body regulates blood glucose levels so that they are neither too high nor too low. The blood's internal environment must remain stable for the body to function. This balance is known as homeostasis.
    http://jrhealthreviews.com/blood-sugar-premier-review/

    ReplyDelete
  38. Keto 900 – Keto and is that the best weight loss supplement that's devised to form you the slimmer and slender one while not harming your body. This supplement I created by combining the natural botanicals in its formation. Its consistent consumption can lead you to lower your weight while not taking the other aiding approaches like strict meals, harsh workouts, completely different supplements intake.



    http://www.jrsupplementreviews.com/keto-900-review/

    ReplyDelete
  39. Lagu Baru free new song grastis tercepat dan terlengkap tinggal klik tulisan lagu baru

    ReplyDelete
  40. Good post like very much
    ================================
    Free Download MP3 & Video Gratis
    STAFABANDB

    ReplyDelete
  41. Info yang sangat bermanfaat. . ,

    Tempat Download Lagu MP3 dan Video terbaik, paling mudah, tanpa ribet, tanpa iklan mengganggu, terlengkap FULL Album

    Klik : DOWNLOAD LAGU MP3 GRATIS

    ReplyDelete
  42. Mantap gan ditunggu kunjungan baliknya, barangkali agan tertarik untuk download atau request film dimari gratis LayarKaca21

    ReplyDelete
  43. Thank info brother, i hope you visite my site

    Chikanime

    ReplyDelete

  44. [B]Ayo Temukan Sendiri Kemenangan Anda di ToyotaQQ
    Dengan Proses Depo dan Wede yang Super Cepat dan Respons LiveChat yang Kilat
    [url=http://www.toyotajp.com]Domino QQ[/url]
    [url=http://www.toyotajp.com]Domino 99[/url]
    [url=http://www.toyotajp.com]Capsa Susun[/url]
    [url=http://www.toyotajp.com]Adu Q[/url]
    [url=http://www.toyotajp.com]Sakong Online[/url]
    [url=http://www.toyotajp.com]Bandar Poker[/url]
    [url=http://www.toyotajp.com]Bandar Q[/url]
    [url=http://www.toyotajp.com]Poker Online[/url]
    [url=http://www.toyotajp.com]agen poker[/url]
    [url=http://www.toyotajp.com]situs poker[/url]
    [url=http://www.toyotajp.com]dominoqq[/url]
    [url=http://www.toyotajp.com]domino99[/url]
    [url=http://www.toyotajp.com]bandarq[/url]
    [url=http://www.toyotajp.com]kiu kiu[/url]
    [url=http://www.toyotajp.com]qiu qiu[/url]
    [IMG]http://i66.tinypic.com/23l0g9c.gif[/IMG][/B]

    ReplyDelete
  45. Download Lagu Terbaru Gratis, Gudang Lagu Mp3 Terbaik 2019. Download Streaming Video mp4 dan mp3 cepat, mudah dan yang stabil. Download Lagu Mp3 Gratis 2020

    ReplyDelete
  46. Download Lagu stafaband Terbaru Gratis Lengkap 2020, koplo, remix, ost lagu, dangdut koplo adella monata semua lengkap disini dan 100% gratis

    ReplyDelete
  47. This comment has been removed by the author.

    ReplyDelete
  48. thanks bro, you can find Leadership skill in my site
    Baca manga dan manhwa bahasa indo
    Baca Manga Manhwa Bahasa Indonesia
    Download game visual novel
    IshtarBlogger

    ReplyDelete
  49. Kami melayanani pembuatan website, seo, maintenance website. hingga pembuatan aplikasi android dan website sistem informasi Jasa Website Profesional

    ReplyDelete
  50. thank you for the content, it was very cool. Visit my cool site https://qqtiktok.net
    Link Slot Terpercaya
    Web Togel Terpercaya https://judionlineqq.co
    QQTikTok https://qqtiktok.vip
    Prediksi Togel : https://prediksisgp45.vip
    <a href="https://prediksiskor.vip”>Prediksi Skor Liga Inggris</a> : https://prediksiskor.vip

    ReplyDelete
  51. Terimakasih kak atas materinya, sangat bagus. Isinya mudah dipahami, sangat membantu dan lengkap dengan gambar perkenalkan nama saya m.jainuri dari kelas Si2J nim 1922500045 jangan lupa kak kunjungi web kampus kami https://www.atmaluhur.ac.id/

    ReplyDelete
  52. Terimakasih kak atas materinya, sangat bagus. Isinya mudah dipahami, sangat membantu dan lengkap dengan gambar perkenalkan nama saya m.jainuri dari kelas Si2J nim 1922500045 jangan lupa kak kunjungi web kampus kami https://www.atmaluhur.ac.id/

    ReplyDelete
  53. Halo Gan, mampir ke situs kami gan untuk melihat kritik dan saran bandar judi online di Indonesia. jangan sampai anda bermain di bandar judi abal-abal gan. https://prediksiskor.vip/
    togelplay
    GBET8
    IRAMATOGEL
    totosemesta
    betawitoto
    bonus4d
    hkbtoto
    evotogel
    union4d

    ReplyDelete
  54. hello bro, visit our site to see nude artists https://metacooling.club/
    Foto Bugil Asia

    ReplyDelete
  55. hello bro, visit my site to play trusted online slot gambling on https://qqtiktokslot.com/judi-slot-online-2/
    Judi Slot Online

    ReplyDelete
  56. Minta tutorial untuk menpercantik tampilan login nya mas. terimakasih
    Download lagu

    ReplyDelete
  57. it's very nice information you have shared with us. Games pkv

    ReplyDelete

  58. Very Helpful Article. ราคาบอล It might help you. ราคาบอล Thanks For Sharing
    ราคาบอล Thank you very much.

    ReplyDelete
  59. ketika bermain dalam link http://188.114.232.104 anda harus bermain dalam judi online yang bisa memberikan kemenangan dengan mudah kepada anda.

    ReplyDelete
  60. Saat anda bermain judi online anda juga dapat jadikan permainan judi online ini menjadi salah satu tambahan penghasilan yang anda punya saat ini. Hal ini pastinya sangat bermanfaat untuk anda bukan?

    poker online
    judi online

    ReplyDelete
  61. Saat anda bermain judi online anda juga dapat jadikan permainan judi online ini menjadi salah satu tambahan penghasilan yang anda punya saat ini. Hal ini pastinya sangat bermanfaat untuk anda bukan?

    ReplyDelete
  62. ketika anda bermain dalam link http://188.114.230.41 anda harus bermain dalam judi online dimana anda bisa menjadi yang terbaik dan luar biasa ketika bermain.

    ReplyDelete
  63. instagram
    instagram login
    http://eshbrooklyn.com
    instagram video download
    instagram download
    instagram reels download
    instagram reels video download
    instagram story saver
    instagram bio for girls
    instagram app
    instagram account delete
    instagram autofree.in
    instagram apk
    instagram account
    instagram account hacked
    instagram account delete permanently
    instagram auto liker
    instagram bio
    instagram bio for boys
    instagram bio in punjabi
    instagram bio in punjabi for girl
    instagram bio for boys attitude
    instagram background
    instagram blue tick copy
    instagram captions
    instagram captions for boys
    instagram captions for girls
    instagram captions in punjabi
    instagram create new account
    instagram customer care
    instagram change password
    instagram customer service number
    instagram dp
    instagram download video
    instagram delete account
    instagram download for pc
    instagram download apk
    instagram dp for girls
    instagram delete my account permanently
    instagram email
    instagram emoji
    instagram email id
    instagram engagement checker
    instagram extension for chrome
    instagram engagement calculator
    instagram email address
    instagram earn money
    instagram followers
    instagram followers free
    instagram fonts
    instagram followers increase
    instagram forgot password
    instagram followers hack
    instagram fake followers
    instagram font style

    ReplyDelete
  64. BETGRATIS adalah suatu situs provider situs judi online terlengkap yang menyediakan informasi mengenai link alternatif terbaru serta info freebet slot poker terbaru tanpa deposit seperti dari situs game slot online BURSATOTO

    ReplyDelete