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 January 13, 2023
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:info@piksi.itb.ac.id” 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

  • Perbedaan Proxy Server dan Firewall Dala…
  • Macam Macam Versi Windows 7 Terbaik dan Perbedaannya Macam Macam Versi Windows 7 Terbaik dan …
  • Fungsi Firewall Pada Jaringan Komputer L…
  • Cara Kerja Proxy Server Lengkap Pengerti…
  • Cara Kerja Keyboard Komputer Cara Kerja Keyboard Komputer dan Pengert…
  • Awal Sejarah dan Perkembangan Microsoft …
  • Pengertian Printer Dot Matrix Beserta Ke…
  • Pengertian, Fungsi dan Jenis RAM pada Pe…
  • Cara Seting Atau Mengganti IP Address di Windows 7, 8, dan 10 Cara Seting Atau Mengganti IP Address di…
  • Perbedaan RAM dan ROM pada Perangkat Kom…

My Feeds

Pro.Co.Id

↑ Grab this Headline Animator

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