HTML Dasar : Form (12/13)

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ก.พ. 2015
  • Penjelasan mengenai form pada HTML, bagaimana cara membuatnya, atribut yang bisa di gunakan, dan elemen-elemen form apa saja yang ada di dalam form.
    elemen form yang dibahas di video ini:
    1. input (text, password, radio, checkbox, button)
    2. label
    3. button (submit, reset, button)
    ---
    DOWNLOAD SLIDE :
    www.slideshare.net/sandhikagal...
    ---
    Jangan lupa untuk follow juga akun media sosial kita yang lain :
    - / webprogrammingunpas
    - / pw1unpas
    - / webprogrammingunpas
    terimakasih dan selamat #ngoding!
    @sandhikagalih

ความคิดเห็น • 207

  • @muhammadwahyuramadhan7730
    @muhammadwahyuramadhan7730 5 ปีที่แล้ว +69

    Terimakasih pak, berkat bapak, saya sudah memahami sebagian kecil dari HTML,CSS,JS, dan framework Bootstrap.. ini merupakan channel favorit saya untuk terus belajar programming.. semoga menjadi amalan Jariyah buat bapak dan tim nya,
    oiyah.. kalau ke Medan, jangan lupa buat M&G nya ya pak, .! :D

  • @rohmiizzati427
    @rohmiizzati427 4 ปีที่แล้ว +8

    Masya Allah. Video berkualitas dan sangat bermanfaat.. 👍 Sy suka

  • @abilionobe4398
    @abilionobe4398 11 หลายเดือนก่อน +7

    Terimakasih pak, untuk membuat tutorial html nya, saya baru nonton tutorial ini mulai dari 1 sampai 13.
    Dan tolong membuat lagi tutorial berikut untuk cara menambah css pada html nya pak.
    Salam dari Timor-Leste pak.

  • @rizalord
    @rizalord 5 ปีที่แล้ว +1

    makasih banyak kak , 2 bulan gk ada waktu nonton video pembelajaran ini gegara materi pertama suruh belajar c++ , akhrnya sekarang ada waktu buat nonton .

  • @barisanrelawanibas7105
    @barisanrelawanibas7105 4 ปีที่แล้ว +5

    Terima kasih telah berbagi ilmunya bang,semoga ilmu ini bermanfaat jika kelak berguna ini akan menjadi amal ibadah untuk saya dan abang..Amin

  • @idahamidah8537
    @idahamidah8537 5 ปีที่แล้ว +3

    Terimakasih banyak untuk kerja kerasnya dalam berbagi ilmu pak shandika :)

  • @iyannberss4011
    @iyannberss4011 5 ปีที่แล้ว +1

    Channel ini bagus bngt buat belajar website

  • @iyannberss4011
    @iyannberss4011 5 ปีที่แล้ว +3

    Auto share keteman² channel ini karna saya suka bahasa pemograman

  • @marvinlaurens7170
    @marvinlaurens7170 4 ปีที่แล้ว

    Terima kasih untuk ilmunya bang Shandika, ilmu yg dibagikan berarti sekali..

  • @yusufdani1
    @yusufdani1 8 ปีที่แล้ว +8

    sangat membantu lanjutkan terus min upload2 video tutorial nya (y)

  • @arsipku.
    @arsipku. 4 ปีที่แล้ว +1

    Mantap bg, rinci dan berurut. Tolong bantu subscribenya wahai anak bangsa sadarlah kalian. Ini yg seharusnya dikedepankan.

  • @Wilydesu
    @Wilydesu 2 ปีที่แล้ว +7

    Elemen form = 4:01
    Input type =4:53
    Penambahan atribut name= 10:33
    Menambahkan value di akhir type =14:04
    Label mirip div
    Label menggunakan for.
    Div menggunakan class.
    Input type 'pilih tipenya',
    Dan id sama kan dengan for dari label,agar sebaris.
    Untuk atribut name,di dalam type radio,jika nama atribut "name''nya sama,maka user hanya bisa memilih satu box(khusus memilih gender).

    • @jamalxd5647
      @jamalxd5647 ปีที่แล้ว

      terimakasih bro,semoga selalu dimudahkan ya

    • @Wilydesu
      @Wilydesu ปีที่แล้ว

      @@jamalxd5647 aamiin bro,doa yang sama ke kamu juga, sama-sama belajar bareng kita.

    • @jamalxd5647
      @jamalxd5647 ปีที่แล้ว

      @@Wilydesu aamiin bro.. kebetulan saya masih belajar hehe

    • @ocul3602
      @ocul3602 ปีที่แล้ว

      Itu maksud nya sebaris apa nya mas?

    • @Wilydesu
      @Wilydesu ปีที่แล้ว

      @@ocul3602 bukan sebaris sih, lebih tepatnya biar sama, misal buat label masukan email dengan id yang sama dengan inputnya, jika tulisan masukan email ada dibagian atas sedangkan inputnya dibagian bawah tetap aktif, inputnya.
      masukan email
      Inputnya mau di taruh di paling bawah tetap akan aktif, jika kita click label.
      Biasanya di gunakan untuk "newsletter"

  • @ponidimarelan8094
    @ponidimarelan8094 3 ปีที่แล้ว

    Terimakasih mas ilmu nya.
    Semoga berkah.

  • @mandikaptech7171
    @mandikaptech7171 ปีที่แล้ว

    Alhamdulillah, bisa, tipsnya harus buat utuh dulu tabelnya lalu pandai-pandai ngemergingnya

  • @belajardotnet6328
    @belajardotnet6328 5 ปีที่แล้ว +8

    good teaching sir.
    from malaysia

  • @infohijabdaily9703
    @infohijabdaily9703 2 ปีที่แล้ว +30

    2021 masih semangatttt !!!!

  • @theodora3774
    @theodora3774 3 ปีที่แล้ว

    TERIMAKASIHHHH VIDEO INI SANGAT MEMBANTU SAYA BELAJAR

  • @enjaytarigan1343
    @enjaytarigan1343 3 ปีที่แล้ว +1

    Sangat bermanfaat. Terima kasih Pak.

  • @exohydraxgaming4299
    @exohydraxgaming4299 10 หลายเดือนก่อน

    Ingin memberi sesuatu atas semua ilmu yang saya dapatkan dari bapak ini, tapi saya hanya sebatas mampu bisa mendoakan, semoga bapak ini diberi balasan sesuai apa yang saya dapatkan dari bapak ini dan berharap lebih baik balasanya, sekali lagi saya sangat berterimakasih atas semua ilmunya! Semoga kelak saya bisa menjadi seperti bapak dan bisa berbagi ilmu juga:)

  • @ummuazizan7871
    @ummuazizan7871 3 ปีที่แล้ว +1

    terima kasih ilmunya kak sandhika

  • @Liverpool_Fans3734
    @Liverpool_Fans3734 ปีที่แล้ว +1

    ini codingan saya pak sandika.... terimakasih ilmunya pak... sangat bermanfaat
    Latihan Merapikan Form


    Username :



    Password :



    Pria
    Wanita


    Ngoding
    Tidur


    Jenis Bahasa pemograman :


    HTML
    PHP
    Javascript
    CSS




    Komentar :



    Button

  • @sandhikagalihWPU
    @sandhikagalihWPU  9 ปีที่แล้ว +3

    Hai indra, boleh tentu saja :D
    tombol reset berfungsi tanpa harus menggunakan php atau javascript.. sama seperti tombol submit, tombol reset berfungsi untuk mengosongkan semua isi dari elemen input yang ada di dalam form. Jadi agar berfungsi, tombol reset (dan submit) harus berada di dalam form yang sama dengan elemen input yang lainnya..
    silahkan cek contohnya di sini:
    codepen.io/webprogrammingunpas/pen/GgPvRg
    mudah2an membantu :)

    • @indrawijaya4727
      @indrawijaya4727 9 ปีที่แล้ว

      Web Programming UNPAS
      ooo gitu kak :D , Thanks Kak

    • @youw4nabe
      @youw4nabe 2 ปีที่แล้ว

      makasih banyaaak bg sangat membantu heheh

  • @gidion8228
    @gidion8228 2 ปีที่แล้ว

    sangat bermanfaat...... thanks pak...

  • @monkeykasep983
    @monkeykasep983 4 ปีที่แล้ว

    Hatur nuhun elmuna.

  • @PasekWidiasa
    @PasekWidiasa 3 ปีที่แล้ว

    Terimakasih pak pengetahuannya

  • @tausiyahhijrah3430
    @tausiyahhijrah3430 3 ปีที่แล้ว

    terimakasih pak sangat bermanfaat

  • @feryaryahidayat3393
    @feryaryahidayat3393 11 หลายเดือนก่อน

    Terima kasih atas ilmunya bang

  • @fajareka5104
    @fajareka5104 3 ปีที่แล้ว

    mantap mas belajar lagi .. semangatin mas :D

  • @one_way_tech
    @one_way_tech 4 ปีที่แล้ว +1

    Chanel bermanfaat

  • @maulanaarvy
    @maulanaarvy 3 ปีที่แล้ว

    semoga berkah mas

  • @BNHCHILL
    @BNHCHILL 3 ปีที่แล้ว

    Terima kasih ilmunya

  • @UmmuZulfaMardliyah_
    @UmmuZulfaMardliyah_ ปีที่แล้ว

    Terima kasih banyak pak🙏

  • @syahrulsafitrarahul1699
    @syahrulsafitrarahul1699 2 ปีที่แล้ว

    terima kasih padikaaaaa😇😇😇

  • @BudiSetiawan-px3jd
    @BudiSetiawan-px3jd 3 ปีที่แล้ว

    Mantap pak, izin download

  • @yosevengaming
    @yosevengaming ปีที่แล้ว

    terimakasih pak ilmunya mantap, senangnya bisa belajar disini. 😁🙏
    dan saya masih agak bingung, tapi setelah saya cerna, baru bisa dipahami yang soal ini pak :
    , yang saya tangkap ini itu adalah elemen untuk input text atau pilihan, lalu diberitahukan juga bahwa disarankan menggunakan tag button agar lebih mantap.
    Kirim!
    dan saya juga memahami hal baru yaitu kalau tag tidak perlu ditutupi dengan tag (

  • @hepysetyani426
    @hepysetyani426 3 ปีที่แล้ว

    Terima kasih, Pak

  • @noakmansnandifu3671
    @noakmansnandifu3671 3 ปีที่แล้ว

    makasih ilmunya.

  • @nandopookey9195
    @nandopookey9195 3 ปีที่แล้ว

    Terima kasih banyak pak

  • @ATHORURETRO
    @ATHORURETRO 6 หลายเดือนก่อน

    Mantap bang mudah di mengerti

  • @rifaymaulana7656
    @rifaymaulana7656 2 ปีที่แล้ว

    Seneng banget bisa ngerjain latihan soal yang pak dos sedunia kasih mehehehe

  • @tubagushambali3624
    @tubagushambali3624 6 ปีที่แล้ว

    Anyar nyaho gening kiye cara nyieunna hahaha, ntaps mang

  • @grigs8585
    @grigs8585 2 ปีที่แล้ว

    Terimakasih pak

  • @damskramer7250
    @damskramer7250 5 ปีที่แล้ว +30

    Terimakasih telah berbagi ilmu kekita bang :) umur ane 15 dari jakarta skrg ane kelas 3 smp :) dan skrg ane dah bisa php + lua kalo html blom bisa bang :V

    • @hfcrewlo470
      @hfcrewlo470 4 ปีที่แล้ว +1

      Gw aja html udh bisa,css baru sedikit wkwk,paling abus ini lanjut javascript

    • @kachangeming6751
      @kachangeming6751 4 ปีที่แล้ว

      Ajarin bahasa pemrograman LUA dong, gw pengen buat cheat game :v, kan cheat kebanyakan pake lua

    • @hanzpakezet
      @hanzpakezet 3 ปีที่แล้ว +3

      Aku 14 tahun, sekarang kelas 1 smk

    • @ammarabufadhel6033
      @ammarabufadhel6033 3 ปีที่แล้ว

      arduino nyimak/

    • @erziemaulana4630
      @erziemaulana4630 2 ปีที่แล้ว

      Saya kelas 3 dah bisa Php ama mysql :)

  • @terasinfo7789
    @terasinfo7789 4 หลายเดือนก่อน

    akhirnya bisa juga

    1,1
    1,2
    1,3
    1,4


    2,1


    2,4

    3,1


    3,4



    4,1
    4,2
    4,3
    4,4

  • @noviantisugianto5455
    @noviantisugianto5455 5 ปีที่แล้ว

    makasih banyak kang. barakallahu fiik

  • @francelinodejesus9250
    @francelinodejesus9250 3 หลายเดือนก่อน

    Terimah kasih kaka

  • @alfianpramudya9021
    @alfianpramudya9021 7 ปีที่แล้ว +6

    makasih banget sangat berguna videonya :-))) terus berkarya pak.

  • @esagama
    @esagama 5 ปีที่แล้ว

    Makasih

  • @agampramana6746
    @agampramana6746 5 ปีที่แล้ว +4

    Bang bikin tutorial yang align center left right dan lain2 :) di html

  • @UmbuNonoKomputer
    @UmbuNonoKomputer 3 ปีที่แล้ว +3

    Mohon maaf Pak, kalau bisa disetiap akhir video dikasi soal mengenai materi ini, paling tidak 5 nomorlah supaya bisa latihan. Terima kasih Pak.

  • @nangwan5495
    @nangwan5495 ปีที่แล้ว

    terima kasih

  • @achmadhaikal5110
    @achmadhaikal5110 2 ปีที่แล้ว +3

    pak mau nanya pak,bagaimana cara dibuat batasan input radio agar pemilihannya tidak lebih dari 2?

  • @adilamrullahfirdaus6925
    @adilamrullahfirdaus6925 3 ปีที่แล้ว

    Iya sama kayak komen di bawah 👍

  • @ASkrik
    @ASkrik 6 ปีที่แล้ว

    Hadir Pak Dhika

  • @rozzihrobbani
    @rozzihrobbani 4 ปีที่แล้ว +2

    Mulai paham,, tapi saya bingung penerapanya di hosting/domain itu gimana ya bang,,

  • @budisantoso4171
    @budisantoso4171 2 ปีที่แล้ว

    keren Pak

  • @abrahammakaborang
    @abrahammakaborang ปีที่แล้ว

    Bang coba buat contoh
    Website yang terdapat ( HOME,HALAMAN CV, JADWAL KULIAH, dan FORM PENDAFTARAN dong bang ) Tapi tdak menggunakan (Div).☺
    Misalnya klau tekan Halaman cv de pindah ke halaman itu

  • @bcpondokgede1634
    @bcpondokgede1634 2 ปีที่แล้ว +1

    2022! rebahan berkualitas! 🛌🤸‍♀️💻

  • @ridhoalfaridzi8457
    @ridhoalfaridzi8457 3 ปีที่แล้ว

    Mksh bang gw bingung bikin colspan sama rowspan bersamaan

  • @atiksusanto600
    @atiksusanto600 7 ปีที่แล้ว

    maaf mas mau tanya, untuk membuat website dr awal hingga tahapan pro ex: amazon.com, step2nya gmn y. terimakasih

  • @bandungberflowers
    @bandungberflowers 4 ปีที่แล้ว

    Abis belajar ini belajar kemana lagi kang

  • @antokun8410
    @antokun8410 6 ปีที่แล้ว

    mas mau tanya, kok huruf yang udah di isikan ke kolom username & password pada browser ngga bisa dihapus ya?
    mksh

  • @UmbuNonoKomputer
    @UmbuNonoKomputer 3 ปีที่แล้ว

    baru belajar


    1,1
    1,2
    1,3
    1,4


    2,1
    ?
    2,4


    3,1
    3,4


    4,1
    4,2
    4,3
    4,4

  • @muhammadgilangramadhan3010
    @muhammadgilangramadhan3010 2 ปีที่แล้ว

    Luar biasa penjelasannya, mudah dipahami.
    Tapi saya ingin bertanya Pak, untuk radiobutton jenis kelamin di saya kok ga bisa pilih salah satu saja ya ? Padahal sudah mengikuti coding seperti di video ini.

    • @abelhazza1680
      @abelhazza1680 2 ปีที่แล้ว +1

      Udah pake atribut name blm bro di tag inputnya?

  • @d.mardiansyaah
    @d.mardiansyaah 9 ปีที่แล้ว +1

    up

  • @danielchristianto306
    @danielchristianto306 4 ปีที่แล้ว

    kak, kalau di dalam labelnya kalau gak pake for gpp ya bisa atau gak kak

  • @tediaditia2149
    @tediaditia2149 2 ปีที่แล้ว

    Maaf mau bertanya. Untuk membuat syarat pada saat login username dan passwordnya harus benar dulu bagaimana ya? soalnya program yang saya buat meskipun username dan paswordnya salah atau bhakan tidak diisi masih bisa login. itu kenapa ya? Terima kasih

  • @rizawiranda2063
    @rizawiranda2063 2 ปีที่แล้ว +1

    pak saya udah mau eror kepala saya , nggak ketemu temu clospan dan rowspanya berapa angkanya letaknya dimana pak keberapa banntu dong

  • @indrawijaya4727
    @indrawijaya4727 9 ปีที่แล้ว

    kak, mau nanya? bole? :D
    maap ya, ane masi newbie kak :D
    itu kalo mau pakek tombol Kosongkan
    nah, itu kalo mau berfungsi , harus pakek script php ya? abisnya koq gak mau ya?? Thanks kak :D

  • @tpatipsprogrammingalif5391
    @tpatipsprogrammingalif5391 4 ปีที่แล้ว

    Bang mau tanya nih knp harus make id di inputnya kalo class emang ga bisa?

  • @JyWave
    @JyWave 2 ปีที่แล้ว +1

    2022 gc ada kata terlambat untuk belajar

  • @shortrandomvideo85
    @shortrandomvideo85 ปีที่แล้ว

    2022 masih semangat!!!!

  • @brandonhonanta7845
    @brandonhonanta7845 6 ปีที่แล้ว +1

    tag formnya tidak dipakai Pak?

  • @belajarprogram9785
    @belajarprogram9785 6 ปีที่แล้ว

    27/03/2018

  • @faymanurung4187
    @faymanurung4187 6 ปีที่แล้ว +3

    Makasih mas.. Videonya sangat membantu bagi sy yg masih newbie...
    Mau tanya mas, kalau utk cekbox agar tersusun vertical harus ditambah element apa ya...😊

    • @sandhikagalihWPU
      @sandhikagalihWPU  6 ปีที่แล้ว +1

      paling gampang sih pake tag tapi sebaiknya kamu gunakan CSS nantinya.. :)

    • @faymanurung4187
      @faymanurung4187 6 ปีที่แล้ว +1

      Mf mas, tanya lagi.
      Di css, utk property & value nya apa ya mas...
      Tx a lot before...

    • @sandhikagalihWPU
      @sandhikagalihWPU  6 ปีที่แล้ว +1

      bisa kamu simpan di dalam lalu kamu atur margin di cssnya

    • @faymanurung4187
      @faymanurung4187 6 ปีที่แล้ว

      Terima kasih mas.. 😊

  • @nandapuspitasari8626
    @nandapuspitasari8626 ปีที่แล้ว

    2022 nihh smngt teruss

  • @mediapembelajaranmp5817
    @mediapembelajaranmp5817 2 ปีที่แล้ว

    Jejak

  • @m.rifkialiakbar3160
    @m.rifkialiakbar3160 ปีที่แล้ว

    Bismillah bisa

  • @muhamadrifki2572
    @muhamadrifki2572 2 ปีที่แล้ว

    2022 masih semangat

  • @user-gg2ti7bv3o
    @user-gg2ti7bv3o 9 หลายเดือนก่อน

    Absen

  • @Kabarbolaidn
    @Kabarbolaidn ปีที่แล้ว

    2023 masih sangat semangat

  • @dimae7012
    @dimae7012 5 ปีที่แล้ว +1

    Kak mau tanya tag ap bisa di gabung sama tag ...?

  • @soleholakmal9060
    @soleholakmal9060 3 ปีที่แล้ว

    Pak cara memadukan form html dengan javascript bagaimana pa

  • @ininamakokharusdijarak6815
    @ininamakokharusdijarak6815 2 ปีที่แล้ว

    hobi game dung ea

  • @sakehnotgood
    @sakehnotgood 2 ปีที่แล้ว +1

    bang aku kok setiap mau di buka di web harus di save dulu baru kebaca di web nya ya

  • @rayhanathallah2667
    @rayhanathallah2667 2 ปีที่แล้ว +1

    Pa maaf , kenapa Username dan Pasword kolom kotaknya yg saya buat tidak sejajar ya? agar sejajar bagaimana pak?

  • @fsociety852
    @fsociety852 7 ปีที่แล้ว

    mau tanya mas..
    Kalo itu attribute LANG nya EN tag name nya apa di ganti GENDER mas? atau tetap Jenis kelamin

    • @sandhikagalihWPU
      @sandhikagalihWPU  7 ปีที่แล้ว

      gapapa kok tetap jenis kelamin juga, atribut lang itu untuk validasi saja gak harus diterjemahkan ke bahasa inggris

  • @bellanovyanda4225
    @bellanovyanda4225 4 ปีที่แล้ว

    yah combo box nya belum

  • @anandahanyharianto8004
    @anandahanyharianto8004 3 ปีที่แล้ว

    Cara buat background kak bgmn yah syntaxnya

  • @herianto2772
    @herianto2772 ปีที่แล้ว

    Guru, kalau buat buttom pake input emang kenapa ?

  • @sumarsono-533
    @sumarsono-533 27 วันที่ผ่านมา

    boleh nanya pak, itu PPT pakai font apa ya?

  • @fendrasaputra806
    @fendrasaputra806 4 ปีที่แล้ว +2

    Di buku-buku materi HTML, nama form untuk input, password, dll sering memakai atribut 'name' dari pada 'id'. Begitu juga antara 'id' dengan 'value'. Sebenarnya apa bedanya ? Terima kasih sebelumnya.

    • @MrDrian-kn9ef
      @MrDrian-kn9ef 4 ปีที่แล้ว +2

      Klo name dipanggl di php, id dipnggl di jvscpt

    • @fendrasaputra806
      @fendrasaputra806 4 ปีที่แล้ว +1

      @@MrDrian-kn9ef thanx buat penjelasannya. Kira2 apa ada link di channel ini yg bisa kasih contoh penerapannya ? 🙏

    • @MrDrian-kn9ef
      @MrDrian-kn9ef 4 ปีที่แล้ว

      @@fendrasaputra806kurang tau, tapi klo mau detail² baca di web, /bisa buka artikel web khusus program: sololearn, w3schools, solo learn:learn to code

  • @BukanClipBiasa
    @BukanClipBiasa 2 ปีที่แล้ว

    5:24

  • @syariefrahman7411
    @syariefrahman7411 4 ปีที่แล้ว

    gatau kenapa saya tidak nampil form loginnya cuma tertulis username: dan password: gaada kolomnya

  • @stevenrichard1773
    @stevenrichard1773 4 ปีที่แล้ว

    Guru nanya dong, kalo saya pake cara simple ini sama aja, atau beda ?
    Misalnya Membaca

  • @deepshitfx9042
    @deepshitfx9042 3 ปีที่แล้ว

    Pak mau nanya website html saya sudah siap, trs gimana cara biar biaa di kunjungin orang lain website kita pak

  • @tnnz9920
    @tnnz9920 4 ปีที่แล้ว

    bang misalkan pakai class bisa ga itu fornya?? terus bedanya class sma id gmn ya? selain . atau #

    • @sandhikagalihWPU
      @sandhikagalihWPU  4 ปีที่แล้ว +1

      nanti akan dipelajari di materi css dasar, selesaikan saja dulu playlist htmlnya.. lalu lanjut ke css dasar

  • @adrian-ek6td
    @adrian-ek6td 3 ปีที่แล้ว +1

    mau tanya bang, saya punya 2 form, misal form 1 dan 2, jika saya klik tombol submit di form 1 maka akan muncul form 2, masalah nya form 2 itu lgsg minimize, apa yg harus saya cek?thanks

    • @agung-adhinata
      @agung-adhinata 3 ปีที่แล้ว

      mainnya di javascript klo yang seperti itu, karena sudah berurusan dengan penyimpanan input data

    • @adrian-ek6td
      @adrian-ek6td 3 ปีที่แล้ว

      @@agung-adhinata klo di chrome bisa, tp klo di firefox dia lgsg minimize om

  • @4d13w8
    @4d13w8 3 ปีที่แล้ว

    Bang galih kok aku ga bisa drag tulisannya buat copy paste ya ?

  • @zezikids4182
    @zezikids4182 4 ปีที่แล้ว

    jgn di skip ya guys iklannya