Pro.Co.Id
  • Linux
  • Pemograman WEB
    • HTML
  • Software
  • Troubleshooting
    • Security
    • Virus
  • Tutorial
  • Website
    • Blogger
    • WordPress

HTML

Fungsi Dan Tutorial Membut Form Input di HTML Terlengkap

By

Nimas

on

March 30, 2016

Share

Tweet

Share

Share

0 comments

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

[su_spoiler title=”Lihat Source Code” style=”fancy” icon=”folder-2″]
<!—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>[/su_spoiler]

Form dengan checkbox

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

123

[su_spoiler title=”Lihat Source Code” style=”fancy” icon=”folder-2″]
<!–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>
[/su_spoiler]

Form dengan tombol radio

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

124

[su_spoiler title=”Lihat Source Code” style=”fancy” icon=”folder-2″]
< !—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>
[/su_spoiler]

Mengirim Mail dari Form

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

125

[su_spoiler title=”Lihat Source Code” style=”fancy” icon=”folder-2″]
<!–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>[/su_spoiler]

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 ^-^

[su_note note_color=”#66ffb5″ text_color=”#010101″ radius=”6″]

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

[/su_note]

Pages: 1 2

Related Itemscara membuat form html dengan notepadcara membuat form login dengan html dan phpcara membuat form pendaftaran dengan htmlformform.htmlformshtml formhtml formshtml inputhtml radio buttonmembuat form dengan html dan cssmembuat form html dengan javascriptmembuat form html rapimembuat form html sederhanapopular articleradio buttontutorial form html

Share

Tweet

Share

Share

0 comments

Recommended for you

  • Fungsi Dan Cara Membuat Form dan IDC Pada HTML

You must be logged in to post a comment Login

Artikel Terbaru

  • Cara Reset Printer Canon Pixma MX397 dengan Software Resetter 100% Berhasil

    Seperti yang kita ketahui, penggunaan printer tentunya tidak lepas dari masalah error, tak...

  • Cara Reset Printer Canon E510 dan E500 dengan Software Resetter

    Printer Canon E500 dan E510 merupakan salah satu seri printer yang tergolong sama...

  • Cara Reset Printer Canon Mp258 dengan Resetter 100% Berhasil

    Canon merupakan salah satu jenis printer yang paling banyak digunakan karena memiliki harga...

  • Cara Reset Printer Epson L350 Lampu Berkedip dengan Software Resetter 100% WORK

    Seperti yang kita ketahui, penggunaan printer tentunya tidak lepas dari masalah error, tak...

  • Cara Reset Printer Epson L1800 dengan Resetter MUDAH 100% Berhasil

    Seperti yang kita ketahui, penggunaan printer tentunya tidak lepas dari masalah error. apalagi...

  • Cara Reset Printer Epson L220 dengan Software Resetter MUDAH 100% Berhasil

    Epson merupakan salah satu merk printer yang banyak digunakan masyarakat, baik dalam lingkungan...

  • Cara Reset Printer Epson L3110 Blinking dengan Software Resetter 100% WORK

    Epson L3110 merupakan salah satu merk printer populer yang dikenal memiliki kualitas cetak...

DMCA.com Protection Status
  • Home
  • About Us
  • Contact Us
  • Disclaimers
  • Terms of Service
  • Privacy Policy