Jelaskan langkah langkah membuat html?

Untuk atribut action, kita dapat mengisinya dengan alaman URL dari endpoint yang akan memproses form.

Secara sederhana,—pada contoh di atas— kita akan menyuruh file

<input type="text" name="info" />
0 untuk memproses data form.

Ini nanti akan kita pelajari pada PHP.

Kode HTML di atas, tidak akan menghasilkan apa-apa.

Karena kita belum membuat field-nya.

Apa itu Field?

Field adalah ruas yang dapat diisi dengan data.

Contoh field:

<input type="text" name="info" />

Field memiliki beberapa atribut yang harus diberikan:

  1. <input type="text" name="info" />
    1 merupakan type dari field.
  2. <input type="text" name="info" />
    2 merupakan nama dari field yang akan menjadi kunci dan variabel di dalam program.

Latihan: Membuat Form Login

Sebagai latihan, mari kita buat form login.

Pada form login, terdapat beberapa field dan elemen:

  1. Field untuk input username atau email;
  2. Field untuk input password;
  3. Checkbok untuk remember me;
  4. Tombol untuk login.

Berikut ini kodenya:


<html>
<head>
    <title>Form Logintitle>
head>
<body>
    <form action="login.php" method="POST">
        <fieldset>
        <legend>Loginlegend>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="username..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="password..." />
        p>
        <p>
            <label><input type="checkbox" name="remember" value="remember" /> Remember melabel>
        p>
        <p>
            <input type="submit" name="submit" value="Login" />
        p>
        fieldset>
    form>
body>
html>

Hasilnya:

Jelaskan langkah langkah membuat html?

Sekarang perhatikan!

Pada kode di atas, kita membuat empat buah filed:

  1. input
    <input type="text" name="info" />
    3 dengan tipe
    <input type="text" name="info" />
    4;
  2. input
    <input type="text" name="info" />
    5 dengan tipe
    <input type="text" name="info" />
    5;
  3. input
    <input type="text" name="info" />
    7 dengan tipe
    <input type="text" name="info" />
    8;
  4. input
    <input type="text" name="info" />
    9 dengan tipe
    <input type="text" name="info" />
    9;

Lalu ketiga filed ini dibungkus ke dalam tag


<html>
<head>
    <title>Form Logintitle>
head>
<body>
    <form action="login.php" method="POST">
        <fieldset>
        <legend>Loginlegend>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="username..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="password..." />
        p>
        <p>
            <label><input type="checkbox" name="remember" value="remember" /> Remember melabel>
        p>
        <p>
            <input type="submit" name="submit" value="Login" />
        p>
        fieldset>
    form>
body>
html>
1.

Nanti tag


<html>
<head>
    <title>Form Logintitle>
head>
<body>
    <form action="login.php" method="POST">
        <fieldset>
        <legend>Loginlegend>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="username..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="password..." />
        p>
        <p>
            <label><input type="checkbox" name="remember" value="remember" /> Remember melabel>
        p>
        <p>
            <input type="submit" name="submit" value="Login" />
        p>
        fieldset>
    form>
body>
html>
1 ini akan membuat sebuah garis.

Di dalam tag


<html>
<head>
    <title>Form Logintitle>
head>
<body>
    <form action="login.php" method="POST">
        <fieldset>
        <legend>Loginlegend>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="username..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="password..." />
        p>
        <p>
            <label><input type="checkbox" name="remember" value="remember" /> Remember melabel>
        p>
        <p>
            <input type="submit" name="submit" value="Login" />
        p>
        fieldset>
    form>
body>
html>
1, kita membuat tag

<html>
<head>
    <title>Form Logintitle>
head>
<body>
    <form action="login.php" method="POST">
        <fieldset>
        <legend>Loginlegend>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="username..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="password..." />
        p>
        <p>
            <label><input type="checkbox" name="remember" value="remember" /> Remember melabel>
        p>
        <p>
            <input type="submit" name="submit" value="Login" />
        p>
        fieldset>
    form>
body>
html>
4 untuk memberikan teks pada fieldset.

Lalu, perhatikan juga atirbut yang digunakan pada setiap field.

  • Atribut
    
    <html>
    <head>
        <title>Form Logintitle>
    head>
    <body>
        <form action="login.php" method="POST">
            <fieldset>
            <legend>Loginlegend>
            <p>
                <label>Username:label>
                <input type="text" name="username" placeholder="username..." />
            p>
            <p>
                <label>Password:label>
                <input type="password" name="password" placeholder="password..." />
            p>
            <p>
                <label><input type="checkbox" name="remember" value="remember" /> Remember melabel>
            p>
            <p>
                <input type="submit" name="submit" value="Login" />
            p>
            fieldset>
        form>
    body>
    html>
    5 untuk menampilkan teks sementara (placeholder);
  • Atribut
    
    <html>
    <head>
        <title>Form Logintitle>
    head>
    <body>
        <form action="login.php" method="POST">
            <fieldset>
            <legend>Loginlegend>
            <p>
                <label>Username:label>
                <input type="text" name="username" placeholder="username..." />
            p>
            <p>
                <label>Password:label>
                <input type="password" name="password" placeholder="password..." />
            p>
            <p>
                <label><input type="checkbox" name="remember" value="remember" /> Remember melabel>
            p>
            <p>
                <input type="submit" name="submit" value="Login" />
            p>
            fieldset>
        form>
    body>
    html>
    6 untuk membreikan nilai default pada field.

Setiap field kita bungkus dalam tag


<html>
<head>
    <title>Form Logintitle>
head>
<body>
    <form action="login.php" method="POST">
        <fieldset>
        <legend>Loginlegend>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="username..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="password..." />
        p>
        <p>
            <label><input type="checkbox" name="remember" value="remember" /> Remember melabel>
        p>
        <p>
            <input type="submit" name="submit" value="Login" />
        p>
        fieldset>
    form>
body>
html>
7 agar terlihat rapi dan juga kita berikan sebuah label dengan tag

<html>
<head>
    <title>Form Logintitle>
head>
<body>
    <form action="login.php" method="POST">
        <fieldset>
        <legend>Loginlegend>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="username..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="password..." />
        p>
        <p>
            <label><input type="checkbox" name="remember" value="remember" /> Remember melabel>
        p>
        <p>
            <input type="submit" name="submit" value="Login" />
        p>
        fieldset>
    form>
body>
html>
8.

Latihan: Membuat Form Contact

Latihan Selanjutnya, kita akan membuat form contact. Form ini berfungsi untuk menghubungi atau kontak admin.

Silahakan ikuti kode berikut:


<html>
<head>
    <title>Contact Ustitle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Contactlegend>
        <p>
            <label>Name:label>
            <input type="text" name="name" placeholder="your name..." />
        p>
        <p>
            <label>Subject:label>
            <input type="text" name="subject" placeholder="subject..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="your email..." />
        p>
        <p>
            <input type="submit" name="submit" value="Send" />
        p>
        fieldset>
    form>
body>
html>

Hasilnya:

Jelaskan langkah langkah membuat html?

Pada contoh di atas, kita memberikan


<html>
<head>
    <title>Form Logintitle>
head>
<body>
    <form action="login.php" method="POST">
        <fieldset>
        <legend>Loginlegend>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="username..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="password..." />
        p>
        <p>
            <label><input type="checkbox" name="remember" value="remember" /> Remember melabel>
        p>
        <p>
            <input type="submit" name="submit" value="Login" />
        p>
        fieldset>
    form>
body>
html>
9 untuk field

<html>
<head>
    <title>Contact Ustitle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Contactlegend>
        <p>
            <label>Name:label>
            <input type="text" name="name" placeholder="your name..." />
        p>
        <p>
            <label>Subject:label>
            <input type="text" name="subject" placeholder="subject..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="your email..." />
        p>
        <p>
            <input type="submit" name="submit" value="Send" />
        p>
        fieldset>
    form>
body>
html>
0, agar filed ini harus diisi dengan email saja.

Coba saja isi dengan yang lain, lalu klik Send…maka akan muncul pesan peringatan.

Jelaskan langkah langkah membuat html?

Latihan: Membuat Form Register

Semakin banyak latihan, semakin bagus.

Berikutnya kita akan coba membuat form registrasi.

Form ini berisi field untuk:

  • Input nama lengkap;
  • Input username;
  • Input email;
  • Input password;
  • Input jenis kelamin;
  • Input Agama;
  • Input Biografi.
  • dsb.

Mari kita buat…


<html>
<head>
    <title>Registrasititle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Registrasilegend>
        <p>
            <label>Nama:label>
            <input type="text" name="nama" placeholder="Nama lengkap..." />
        p>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="Username..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="Your email..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="Passowrd..." />
        p>
        <p>
            <label>Jenis kelamin:label>
            <label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-lakilabel>
            <label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuanlabel>
        p>
        <p>
            <label>Agama:label>
            <select name="agama">
                <option value="islam">Islamoption>
                <option value="kristen">Kristenoption>
                <option value="hindu">Hinduoption>
                <option value="budha">Budhaoption>
            select>
        p>
        <p>
            <label>Biografi:label>
            <textarea name="biografi">textarea>
        p>
        <p>
            <input type="submit" name="submit" value="Daftar" />
        p>
        fieldset>
    form>
body>
html>

Hasilnya:

Jelaskan langkah langkah membuat html?

Apa saja field baru yang ada di form tersebut?

  1. Field
    
    <html>
    <head>
        <title>Contact Ustitle>
    head>
    <body>
        <form action="contact.php" method="POST">
            <fieldset>
            <legend>Contactlegend>
            <p>
                <label>Name:label>
                <input type="text" name="name" placeholder="your name..." />
            p>
            <p>
                <label>Subject:label>
                <input type="text" name="subject" placeholder="subject..." />
            p>
            <p>
                <label>Email:label>
                <input type="email" name="email" placeholder="your email..." />
            p>
            <p>
                <input type="submit" name="submit" value="Send" />
            p>
            fieldset>
        form>
    body>
    html>
    1;
  2. Field
    
    <html>
    <head>
        <title>Contact Ustitle>
    head>
    <body>
        <form action="contact.php" method="POST">
            <fieldset>
            <legend>Contactlegend>
            <p>
                <label>Name:label>
                <input type="text" name="name" placeholder="your name..." />
            p>
            <p>
                <label>Subject:label>
                <input type="text" name="subject" placeholder="subject..." />
            p>
            <p>
                <label>Email:label>
                <input type="email" name="email" placeholder="your email..." />
            p>
            <p>
                <input type="submit" name="submit" value="Send" />
            p>
            fieldset>
        form>
    body>
    html>
    2;
  3. Field
    
    <html>
    <head>
        <title>Contact Ustitle>
    head>
    <body>
        <form action="contact.php" method="POST">
            <fieldset>
            <legend>Contactlegend>
            <p>
                <label>Name:label>
                <input type="text" name="name" placeholder="your name..." />
            p>
            <p>
                <label>Subject:label>
                <input type="text" name="subject" placeholder="subject..." />
            p>
            <p>
                <label>Email:label>
                <input type="email" name="email" placeholder="your email..." />
            p>
            <p>
                <input type="submit" name="submit" value="Send" />
            p>
            fieldset>
        form>
    body>
    html>
    3.

Apa bedanya


<html>
<head>
    <title>Contact Ustitle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Contactlegend>
        <p>
            <label>Name:label>
            <input type="text" name="name" placeholder="your name..." />
        p>
        <p>
            <label>Subject:label>
            <input type="text" name="subject" placeholder="subject..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="your email..." />
        p>
        <p>
            <input type="submit" name="submit" value="Send" />
        p>
        fieldset>
    form>
body>
html>
1 dengan
<input type="text" name="info" />
8?

Jika kita ingin agar pengunjung memilih salah satu, maka kita gunakan


<html>
<head>
    <title>Contact Ustitle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Contactlegend>
        <p>
            <label>Name:label>
            <input type="text" name="name" placeholder="your name..." />
        p>
        <p>
            <label>Subject:label>
            <input type="text" name="subject" placeholder="subject..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="your email..." />
        p>
        <p>
            <input type="submit" name="submit" value="Send" />
        p>
        fieldset>
    form>
body>
html>
1.

Tapi kalau kita ingin pengunjung memilih lebih dari satu, maka kita gunakan

<input type="text" name="info" />
8.

Lalu untuk


<html>
<head>
    <title>Contact Ustitle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Contactlegend>
        <p>
            <label>Name:label>
            <input type="text" name="name" placeholder="your name..." />
        p>
        <p>
            <label>Subject:label>
            <input type="text" name="subject" placeholder="subject..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="your email..." />
        p>
        <p>
            <input type="submit" name="submit" value="Send" />
        p>
        fieldset>
    form>
body>
html>
8, sifatnya sama seperti

<html>
<head>
    <title>Contact Ustitle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Contactlegend>
        <p>
            <label>Name:label>
            <input type="text" name="name" placeholder="your name..." />
        p>
        <p>
            <label>Subject:label>
            <input type="text" name="subject" placeholder="subject..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="your email..." />
        p>
        <p>
            <input type="submit" name="submit" value="Send" />
        p>
        fieldset>
    form>
body>
html>
1. Cuma dia bentuknya berbeda.

Lalu untuk menginputkan teks yang panjang, kita gunakan tag


<html>
<head>
    <title>Registrasititle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Registrasilegend>
        <p>
            <label>Nama:label>
            <input type="text" name="nama" placeholder="Nama lengkap..." />
        p>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="Username..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="Your email..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="Passowrd..." />
        p>
        <p>
            <label>Jenis kelamin:label>
            <label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-lakilabel>
            <label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuanlabel>
        p>
        <p>
            <label>Agama:label>
            <select name="agama">
                <option value="islam">Islamoption>
                <option value="kristen">Kristenoption>
                <option value="hindu">Hinduoption>
                <option value="budha">Budhaoption>
            select>
        p>
        <p>
            <label>Biografi:label>
            <textarea name="biografi">textarea>
        p>
        <p>
            <input type="submit" name="submit" value="Daftar" />
        p>
        fieldset>
    form>
body>
html>
0.

Latihan: Membuat Form Tingkat Lanjut

Field-field di atas merupakan jenis field yang sering digunakan dalam pembuatan form.

Masih ada jenis field lagi yang belum kita coba, seperti


<html>
<head>
    <title>Registrasititle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Registrasilegend>
        <p>
            <label>Nama:label>
            <input type="text" name="nama" placeholder="Nama lengkap..." />
        p>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="Username..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="Your email..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="Passowrd..." />
        p>
        <p>
            <label>Jenis kelamin:label>
            <label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-lakilabel>
            <label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuanlabel>
        p>
        <p>
            <label>Agama:label>
            <select name="agama">
                <option value="islam">Islamoption>
                <option value="kristen">Kristenoption>
                <option value="hindu">Hinduoption>
                <option value="budha">Budhaoption>
            select>
        p>
        <p>
            <label>Biografi:label>
            <textarea name="biografi">textarea>
        p>
        <p>
            <input type="submit" name="submit" value="Daftar" />
        p>
        fieldset>
    form>
body>
html>
1,

<html>
<head>
    <title>Registrasititle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Registrasilegend>
        <p>
            <label>Nama:label>
            <input type="text" name="nama" placeholder="Nama lengkap..." />
        p>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="Username..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="Your email..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="Passowrd..." />
        p>
        <p>
            <label>Jenis kelamin:label>
            <label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-lakilabel>
            <label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuanlabel>
        p>
        <p>
            <label>Agama:label>
            <select name="agama">
                <option value="islam">Islamoption>
                <option value="kristen">Kristenoption>
                <option value="hindu">Hinduoption>
                <option value="budha">Budhaoption>
            select>
        p>
        <p>
            <label>Biografi:label>
            <textarea name="biografi">textarea>
        p>
        <p>
            <input type="submit" name="submit" value="Daftar" />
        p>
        fieldset>
    form>
body>
html>
2,

<html>
<head>
    <title>Registrasititle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Registrasilegend>
        <p>
            <label>Nama:label>
            <input type="text" name="nama" placeholder="Nama lengkap..." />
        p>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="Username..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="Your email..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="Passowrd..." />
        p>
        <p>
            <label>Jenis kelamin:label>
            <label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-lakilabel>
            <label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuanlabel>
        p>
        <p>
            <label>Agama:label>
            <select name="agama">
                <option value="islam">Islamoption>
                <option value="kristen">Kristenoption>
                <option value="hindu">Hinduoption>
                <option value="budha">Budhaoption>
            select>
        p>
        <p>
            <label>Biografi:label>
            <textarea name="biografi">textarea>
        p>
        <p>
            <input type="submit" name="submit" value="Daftar" />
        p>
        fieldset>
    form>
body>
html>
3,

<html>
<head>
    <title>Registrasititle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Registrasilegend>
        <p>
            <label>Nama:label>
            <input type="text" name="nama" placeholder="Nama lengkap..." />
        p>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="Username..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="Your email..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="Passowrd..." />
        p>
        <p>
            <label>Jenis kelamin:label>
            <label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-lakilabel>
            <label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuanlabel>
        p>
        <p>
            <label>Agama:label>
            <select name="agama">
                <option value="islam">Islamoption>
                <option value="kristen">Kristenoption>
                <option value="hindu">Hinduoption>
                <option value="budha">Budhaoption>
            select>
        p>
        <p>
            <label>Biografi:label>
            <textarea name="biografi">textarea>
        p>
        <p>
            <input type="submit" name="submit" value="Daftar" />
        p>
        fieldset>
    form>
body>
html>
4,

<html>
<head>
    <title>Registrasititle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Registrasilegend>
        <p>
            <label>Nama:label>
            <input type="text" name="nama" placeholder="Nama lengkap..." />
        p>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="Username..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="Your email..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="Passowrd..." />
        p>
        <p>
            <label>Jenis kelamin:label>
            <label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-lakilabel>
            <label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuanlabel>
        p>
        <p>
            <label>Agama:label>
            <select name="agama">
                <option value="islam">Islamoption>
                <option value="kristen">Kristenoption>
                <option value="hindu">Hinduoption>
                <option value="budha">Budhaoption>
            select>
        p>
        <p>
            <label>Biografi:label>
            <textarea name="biografi">textarea>
        p>
        <p>
            <input type="submit" name="submit" value="Daftar" />
        p>
        fieldset>
    form>
body>
html>
5,

<html>
<head>
    <title>Registrasititle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Registrasilegend>
        <p>
            <label>Nama:label>
            <input type="text" name="nama" placeholder="Nama lengkap..." />
        p>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="Username..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="Your email..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="Passowrd..." />
        p>
        <p>
            <label>Jenis kelamin:label>
            <label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-lakilabel>
            <label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuanlabel>
        p>
        <p>
            <label>Agama:label>
            <select name="agama">
                <option value="islam">Islamoption>
                <option value="kristen">Kristenoption>
                <option value="hindu">Hinduoption>
                <option value="budha">Budhaoption>
            select>
        p>
        <p>
            <label>Biografi:label>
            <textarea name="biografi">textarea>
        p>
        <p>
            <input type="submit" name="submit" value="Daftar" />
        p>
        fieldset>
    form>
body>
html>
6, dsb.

Mari kita coba beberapa:


<html>
<head>
    <title>Form HTMLtitle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Formlegend>
        <p>
            <label>Alamat Web:label>
            <input type="url" name="name" placeholder="Masukan URL Web..." />
        p>
        <p>
            <label>Tanggal Lahir:label>
            <input type="date" name="tanggal" />
        p>
        <p>
            <label>Umur:label>
            <input type="number" min="10" max="90" name="umur" />
        p>
        <p>
            <input type="submit" name="submit" value="Send" />
        p>
        fieldset>
    form>
body>
html>

Hasilnya:

Jelaskan langkah langkah membuat html?

Apabila di browser anda tidak tampil kalender seperti di atas, coba gunakan browser versi terbaru.

Apa Selanjutnya?

Apa yang kita pelajari pada tutorial ini adalah tag dan field dasar—dan sering digunakan—dalam pembuatan form.

Masih terdapat banyak tipe field lagi yang belum kita coba. Seperti:


<html>
<head>
    <title>Registrasititle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Registrasilegend>
        <p>
            <label>Nama:label>
            <input type="text" name="nama" placeholder="Nama lengkap..." />
        p>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="Username..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="Your email..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="Passowrd..." />
        p>
        <p>
            <label>Jenis kelamin:label>
            <label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-lakilabel>
            <label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuanlabel>
        p>
        <p>
            <label>Agama:label>
            <select name="agama">
                <option value="islam">Islamoption>
                <option value="kristen">Kristenoption>
                <option value="hindu">Hinduoption>
                <option value="budha">Budhaoption>
            select>
        p>
        <p>
            <label>Biografi:label>
            <textarea name="biografi">textarea>
        p>
        <p>
            <input type="submit" name="submit" value="Daftar" />
        p>
        fieldset>
    form>
body>
html>
1,

<html>
<head>
    <title>Registrasititle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Registrasilegend>
        <p>
            <label>Nama:label>
            <input type="text" name="nama" placeholder="Nama lengkap..." />
        p>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="Username..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="Your email..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="Passowrd..." />
        p>
        <p>
            <label>Jenis kelamin:label>
            <label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-lakilabel>
            <label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuanlabel>
        p>
        <p>
            <label>Agama:label>
            <select name="agama">
                <option value="islam">Islamoption>
                <option value="kristen">Kristenoption>
                <option value="hindu">Hinduoption>
                <option value="budha">Budhaoption>
            select>
        p>
        <p>
            <label>Biografi:label>
            <textarea name="biografi">textarea>
        p>
        <p>
            <input type="submit" name="submit" value="Daftar" />
        p>
        fieldset>
    form>
body>
html>
2,

<html>
<head>
    <title>Registrasititle>
head>
<body>
    <form action="contact.php" method="POST">
        <fieldset>
        <legend>Registrasilegend>
        <p>
            <label>Nama:label>
            <input type="text" name="nama" placeholder="Nama lengkap..." />
        p>
        <p>
            <label>Username:label>
            <input type="text" name="username" placeholder="Username..." />
        p>
        <p>
            <label>Email:label>
            <input type="email" name="email" placeholder="Your email..." />
        p>
        <p>
            <label>Password:label>
            <input type="password" name="password" placeholder="Passowrd..." />
        p>
        <p>
            <label>Jenis kelamin:label>
            <label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-lakilabel>
            <label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuanlabel>
        p>
        <p>
            <label>Agama:label>
            <select name="agama">
                <option value="islam">Islamoption>
                <option value="kristen">Kristenoption>
                <option value="hindu">Hinduoption>
                <option value="budha">Budhaoption>
            select>
        p>
        <p>
            <label>Biografi:label>
            <textarea name="biografi">textarea>
        p>
        <p>
            <input type="submit" name="submit" value="Daftar" />
        p>
        fieldset>
    form>
body>
html>
9, dsb.

Langkah langkah membuat website HTML dan CSS?

Membuat Website Menggunakan HTML dan CSS.
Membuat wireframe / kerangka website. Langkah yang pertama ini adalah membuat wireframe. ... .
Menginstal text editor. Langkah kedua inilah yang paling penting. ... .
Membuat folder baru. ... .
Membuat file index. ... .
Membuat file style. ... .
6. Hubungkan file css dengan file html..

Bagaimana langkah langkah membuat web HTML di Android?

4 Langkah Cara Membuat Website Dengan HTML Di Android:.
Install Acode dari Playstore..
Buat Path untuk Folder Koding HTML..
Pindahkan Source Code HTML CSS ke Android..
Selesai..

Langkah langkah dalam membuat website?

Ada 9 langkah mudah untuk membuat website, yaitu:.
Tentukan tipe website dan tujuannya..
Pilih layanan web hosting..
Daftarkan nama domain pilihan..
Pilih platform pengelolaan website..
Instal platform (disarankan WordPress).
Ubah tema dan install plugin..
Terapkan strategi SEO terbaik..
Promosikan website agar dapat traffic..

Buat HTML pake apa?

Adapun peralatan yang harus kamu persiapkan adalah:.
Teks Editor untuk Menulis HTML. Teks editor akan kita gunakan untuk menulis kode-kode HTML. Kamu bebas menggunakan teks editor apapun. ... .
2. Web Browser untuk Membuka HTML. Web browser akan kita gunakan untuk membuka HTML. Kamu juga bebeas menggunakan web browser apapun..