Belajar HTML Dari Nol Sampai Mahir | Untuk Pemula | Elemen Form Input Email

00:04:30
https://www.youtube.com/watch?v=nH-5T9HjpEs

概要

TLDRVideo ini menjelaskan bagaimana cara menggunakan elemen input dengan type email dalam HTML. Dimulai dengan menyiapkan form, menambahkan keterangan untuk pengguna, serta menegaskan pentingnya format alamat email yang benar. Video menunjukkan langkah-langkah validasi input dan menjelaskan penggunaan atribut penting seperti type dan name pada elemen form untuk mengirim data dengan tepat.

収穫

  • 📧 Input dengan type email digunakan untuk menerima alamat email.
  • 🔍 Validasi diperlukan untuk memastikan format email benar.
  • ✅ Atribut type='submit' penting untuk mengirim data.
  • 📝 Atribut name diperlukan untuk penamaan data yang dikirim.
  • ✉️ Format email harus mengikuti aturan karakter dan domain.

タイムライン

  • 00:00:00 - 00:04:30

    Video ini membahas tentang penggunaan input dengan type email dalam HTML. Mulai dengan menjelaskan cara menyiapkan form, termasuk menambahkan keterangan agar pengguna tahu bahwa input yang diperlukan adalah email. Penekanan pada atribut 'type' yang diisi dengan 'email' dan 'submit' untuk tombol. Validasi yang terjadi ketika pengguna mencoba mengirim data menggunakan format yang salah, menunjukkan pentingnya penulisan email yang benar—dimulai dengan karakter tertentu diikuti dengan '@' dan diakhiri dengan nama domain seperti gmail.com atau yahoo.com. Penggunaan atribut 'name' pada tag input juga dibahas, serta bagaimana data akan terlihat di URL ketika dikirim. Penutup video menekankan pentingnya jenis input ini untuk login atau proses verifikasi yang memerlukan alamat email.

マインドマップ

ビデオQ&A

  • Apa yang dibahas dalam video ini?

    Video ini membahas cara menggunakan input dengan type email dalam HTML.

  • Apa yang terjadi jika format email tidak sesuai?

    Jika format email tidak sesuai, akan muncul pesan validasi yang mengharuskan format email dimulai dengan karakter, diikuti dengan tanda '@' dan nama domain.

  • Apa saja atribut penting yang harus ditambahkan pada form?

    Atribut penting yang harus ditambahkan adalah type untuk input dan type='submit' untuk button.

  • Bagaimana cara mengirim data dari form ini?

    Data dapat dikirim dengan mengklik tombol kirim data setelah mengisi form dengan format email yang benar.

  • Apa fungsi dari atribut name dalam input?

    Atribut name digunakan untuk memberi nama pada data yang dikirim melalui URL.

ビデオをもっと見る

AIを活用したYouTubeの無料動画要約に即アクセス！
字幕
id
オートスクロール:
  • 00:00:00
    elemen form selanjutnya yang akan kita
  • 00:00:01
    bahas di video ini yaitu input dengan
  • 00:00:04
    type email
  • 00:00:07
    dan di sini saya sudah siapkan
  • 00:00:11
    pertemuan_31 atau di cut tempel dan file
  • 00:00:14
    ini saya sudah jalankan di aplikasi web
  • 00:00:17
    browser dalam hal ini Google Chrome ini
  • 00:00:20
    pertemuan_31.h
  • 00:00:22
    baik kita kembali ke pusat berikutnya
  • 00:00:27
    saya awali dengan take form seperti ini
  • 00:00:31
    kemudian bisa enter
  • 00:00:34
    saya bungkus dengan take P ya karena
  • 00:00:37
    saya akan tambahkan keterangan yang
  • 00:00:38
    terkait dengan forum ini ya supaya user
  • 00:00:40
    tahu bahwa inputan ini memerlukan email
  • 00:00:44
    misalnya di sini keterangannya adalah
  • 00:00:46
    email atau input email
  • 00:00:50
    lalu klik input
  • 00:00:54
    kemudian nilai dari ini saya ganti
  • 00:00:57
    dengan
  • 00:00:58
    email
  • 00:01:02
    kalau di sini saya tambahkan satu
  • 00:01:04
    Element
  • 00:01:08
    supaya nanti kita bisa
  • 00:01:11
    kirim nilai dari input tab email ini
  • 00:01:16
    di sini
  • 00:01:18
    kirim data
  • 00:01:22
    lalu jangan lupa atribut yang penting ya
  • 00:01:25
    di dalam tag button ini yaitu atribut
  • 00:01:28
    type dengan nilai
  • 00:01:30
    submit sekali lagi kenapa submit ya
  • 00:01:32
    karena data ini akan dikirim Oke sampai
  • 00:01:35
    di sini jangan lupa di save kita lihat
  • 00:01:37
    hasilnya dia browser Saya refresh Nah
  • 00:01:40
    jadi kotaknya bersama dengan input
  • 00:01:43
    dengan type text nah akan tetapi
  • 00:01:47
    jika saya memilih sesuatu di sini Nama
  • 00:01:51
    saya misalkan
  • 00:01:53
    kemudian saya klik kirim data Nah di
  • 00:01:57
    sini ada validasi ya katanya harus
  • 00:01:59
    diurutkan dengan tanda add Untuk
  • 00:02:01
    penulisan format email Jadi itu bedanya
  • 00:02:05
    dalam format tulisan email
  • 00:02:07
    ya
  • 00:02:09
    ada berapa aturan pertama
  • 00:02:11
    dimulai dari beberapa karakter lalu
  • 00:02:15
    diikuti dengan
  • 00:02:17
    tanda X
  • 00:02:19
    lalu Nama domainnya ya Misalnya
  • 00:02:21
    yahoo.com atau Gmail ya Gmail
  • 00:02:26
    .com
  • 00:02:31
    Nah kalau saya kirim ya Klik tombol
  • 00:02:34
    kirim data ya maka datanya akan dikirim
  • 00:02:36
    Jadi
  • 00:02:37
    input dengan Tab email ini itu sudah
  • 00:02:40
    divalidasi pada versi HDMI 5 di mana
  • 00:02:44
    input yang dibutuhkan itu harus
  • 00:02:46
    berformat penulisan email jika teks
  • 00:02:50
    biasa ya maka
  • 00:02:52
    nilai dari form ini tidak dapat dikirim
  • 00:02:56
    ya dia minta diunggulkan dengan tanda
  • 00:03:04
    atau di sini saya tambahkan atribut name
  • 00:03:07
    ya di sini supaya lebih jelas nanti
  • 00:03:10
    nilai yang dikirim di bagian URL saya
  • 00:03:13
    tambahkan atribut name
  • 00:03:15
    kemudian name di sini Saya
  • 00:03:18
    isikan dengan email Sesuai dengan
  • 00:03:22
    informasi yang di sini
  • 00:03:24
    geser plus kembali
  • 00:03:27
    kalau teks biasa
  • 00:03:30
    lalu kirim data
  • 00:03:33
    dia minta tanda add ya kalau saya
  • 00:03:36
    tambahkan di sini
  • 00:03:38
    @
  • 00:03:39
    Gmail
  • 00:03:40
    yang Kapan saya punya email di gmail.com
  • 00:03:43
    ya
  • 00:03:46
    kalau saya klik kirim data Nah di sini
  • 00:03:49
    di bagian URL
  • 00:03:51
    nilainya sudah ada ya yaitu
  • 00:03:57
    dan yang 40 ini ya ini Kalau tidak salah
  • 00:04:01
    ini kode
  • 00:04:03
    html inti saya jika suatu saat kita akan
  • 00:04:07
    membuat sebuah
  • 00:04:08
    home login atau pemeriksasi Ia
  • 00:04:11
    membutuhkan alamat email maka kita
  • 00:04:13
    gunakan input dengan type email
  • 00:04:20
    baik rasa cukup untuk video kali ini
  • 00:04:22
    yang terkait dengan input dengan Tab
  • 00:04:24
    email semoga bermanfaat dan sampai jumpa
  • 00:04:27
    di video berikutnya
タグ
  • HTML
  • input type email
  • validasi
  • form
  • atribut HTML
  • pemrograman web