Latihan html membuat Form Online

-

 Ketiklah scrip berikut : 

<!DOCTYPE html> <html> <head><title>Belajar HTML - Membuat Form</title></head> <body> <form action="prosess-form.php" method="GET"> <!-- letakkan field di sini --> <label> Nama: </label> <input type="text" name="nama-lengkap" /><br /> <label> Email: </label> <input type="email" name="email" /><br /> <label> Password: </label> <input type="password" name="password" /><br /> <label> Checkbox: </label> <input type="checkbox" name="hobi" /> Membaca <input type="checkbox" name="hobi" /> Menulis <input type="checkbox" name="hobi" /> Olahraga <br /> <label> Radio: </label> <input type="radio" name="jenis-kelamin" /> Pria <input type="radio" name="jenis-kelamin" />Wanita<br /> <label> Number/angka: </label> <input type="number" name="number" /><br /> <label> Tanggal: </label> <input type="date" name="tanggal" /><br /> <label> File: </label> <input type="file" name="file" /><br /> <label> Submit: </label> <input type="submit" name="submit" /><br /> </form> </body> </html>


Save as ke html

Kemudian buka menggunakan internet Explorer, atau Google Chrome, Firefox dsb. 


Postingan populer dari blog ini

Latihan 3

-
  Latihan 3  Ketiklah index script berikut:  <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>School Website - Home</title>     <link rel="stylesheet" href="styles.css"> </head> <body>     <header>         <h1>Welcome to Our School</h1>         <nav>             <ul>                 <li><a href="index.html">Home</a></li>                 <li><a href="about.html">About</a></li>                 <li><a href="contact.html">Contact</a></li>            ...
Baca selengkapnya