Skip to content
MENU
  • Home
  • Linux
  • Pemograman WEB
    • HTML
  • Troubleshooting
    • Security
    • Virus
  • Lainnya
    • Aplikasi
    • Game
    • News
    • Software
  • Tutorial
  • Website
    • Blogger
    • WordPress
Home » Fungsi Dan Tutorial Membut Form Input di HTML Terlengkap » Page 2

Fungsi Dan Tutorial Membut Form Input di HTML Terlengkap

By NimasPosted on May 7, 2024
Contents show
1 Contoh-contoh Form
2 READ MORE:

Contoh-contoh Form

Form dengan field input

Contoh ini mendemonstrasikan bagaimana menambah sebuah form ke dalam suatu page. Form berisi suatu field input dan sebuah tombol submit.Lihat hasil gambar dibawah ini.

122

Lihat Source Code
<!—coba_formteks . html->
<html>
<body>
<form name=”input” action=”html form action.asp” method=”get”>
Masukkan nama Anda:
<input type=”text” name=”FirstName” value=”Mickey”>
<br>
<input type=”submit” value=”Submit”>
</form>
<P>
Jika tombol “Submit” di-click, maka Anda akan mengirimkan data
yang diinputkan kepada page baru yang disebut form_action.asp.
</p>
</body>
</html>

Form dengan checkbox

Form ini berisi dua checkbox dan sebuah tombol submit. Lihat hasil gambar dibawah ini:

123

Lihat Source Code
<!–coba formcheckbox.html–>
<html>
<body>
<form name=”input” action=”html_form_action.asp” method=”get”>
<input type=”checkbox” name=”tomat”>Tomat
<br>
<input type=”checkbox” name=”apel”>Apel
<br>
<input type=”Submit” value=”Submit”>
</form>
<p>
Jika tombol “Submit” di-click, maka Anda akan mengirimkan data yang diinputkan kepada page baru yang disebut form_action.asp.
</p>
</body>
</html>

Form dengan tombol radio

Contoh ini berisi dua tombol radio dan sebuah tombol submit. Lihat hasil gambar dibawah ini.

124

Lihat Source Code
< !—coba_formradio.html <html>
<body>
<form name=”input” action=”html_form_action.asp” method=”get”>
<input type=”radio” checked name=”Sex”>Laki-laki <br>
<input type=”radio” name=”Sex”>Perempuan <br>
<input type=”Submit” value=”Submit”>
</form>
<p>
Jika tombol “Submit” di-click, maka Anda akan mengirimkan data yang diinputkan kepada page baru yang disebut form_action.asp. </p>
</body></html>

Mengirim Mail dari Form

Contoh ini mendemonstrasikan bagaimana mengirim sebuah mail dari form.Lihat hasil gambar dibawah ini.

125

Lihat Source Code
<!–coba_formmail.html–>
<html>
<body>
<form action=”MAILTO:[email protected]” method=”post” enctype=”text/plain”>
<h3>Form ini akan mengirim email kepada Bagian Informasi
PIKSI ITB – Bandung.</h3>
Name:<br>
<input type=”text” name=”name” value=”yourname” size=”20″>
<br>
Address:<br>
<input type=”text” name=”address” value=”youraddress”
size=”20″>
<br>
Mail:<br>
<input type=”text” name=”mail” value=”yourmail”
size=”20″>
<brxbr>
<input type=”submit” value=”Send”>
<input type=”reset” value=”Reset”>
</form>
</body>
</html>

Demikian penjelasan singkat yang bisa admin sampaikan. Semoga artikel ini bisa menambah pengetahuan anda tentang dunia pemograman dan ilmu yang dibagikan dapat bermanfaat bagi pembaca. Sampai bertemu di postingan-postingan selanjutnya..see you ^-^

READ MORE:

  • Tabel HTML – Pengertian Dan Cara Membuat Tabel HTML Lengkap
  • Fungsi Tag Image HTML Dan Tutorial/Cara Menambahkan Gambar Di HTML
  • Pengertian Entitas Karakter Dan Kegunaannya Dalam HTML
  • Mengenal World Wide Web – Pengertian, Sejarah, Cara Kerja Dan Unsur WWW
  • Dasar Dasar Membuat Web Dengan HTML Beserta Contoh Lengkap
Pages: 1 2
Posted in HTML, Pemograman WEBTagged cara membuat form html dengan notepad, cara membuat form login dengan html dan php, cara membuat form pendaftaran dengan html, form, form.html, forms, html form, html forms, html input, html radio button, membuat form dengan html dan css, membuat form html dengan javascript, membuat form html rapi, membuat form html sederhana, popular article, radio button, tutorial form html

Post navigation

Previous post Frame HTML – Fungsi Dan Tutorial Membuat Frame di HTML
Next post Panduan Cara Membuat Blog / Website di WordPress dan Blogger

Recent Post

  • 2 Cara Melihat Product Key Windows 7, Sa…
  • 3 Cara Melihat Product Key atau Lisensi …
  • Cara Membuat Link Invite Join Grup Whats…
  • Cara Mengganti Icon atau Bentuk Kursor d…
  • 2 Cara Membuat Daftar Tanggal Berurutan …
  • Pengertian Fastboot, Fungsi dan Cara Mas…
  • Pengertian Output Device, Fungsi dan Mac…
  • Pengertian Input Device, Fungsi dan Maca…
  • Cara Mengatur Komentar di Instagram dari…
  • 5 Cara Mengatasi Download Pending Di Goo…

My Feeds

Pro.Co.Id

↑ Grab this Headline Animator

DMCA.com Protection Status
© 2021 PRO.CO.ID