Penggunaan Tag Form

A. Jenis-jenis inputan dalam Tag Form

Dalam membuat sebuah inputan data, kita dapat menggunakan tag form yang terdapat dalam bahasa HTML . Terdapat banyak pilihan inputan di dalam tag form . Berikut jenis-jenis inputan dalam tag form :

  1. Textbox

Untuk membuat inputan textbox maka tag yang di gunakan adalag tag <input> dengan type = “text” . Berikut contoh script nya :

<input type=”text” name=””>

  1. Radio Button

Jika ingin menggunaka radio button dalam html , tag yang di pakai adalah tag <input> dengan type = “radio” . Berikut Contoh radio button :

<input type=”radio” name=”” value=””>

  1. Checkbox

Checkbox merupakan inputan untuk memilih data lebih dari satu . Berikut contoh script untuk checkbox :

<input type=”checkbox” name=”” value=””>

  1. Textarea

Textarea mirip dengan textbox , namun jika menggunakan inputan textarea , dapat memasukkan daa lebih dari 1 baris . Contoh script dari textarea sebagai berikut :

<textarea name=””></textarea>

  1. Select

Tag select di gunakan untuk membuat list sebuah pilihan . Script dari tag select seperti di bawah ini :

 

<select name=””></select>

Untuk menamahkan pilihan dalam tag select , tambahkan tag <option> ke dalam tag <select> seperti di bawah ini :

<select name=””>

<option value=”Pilihan 1″>Pilihan 1</option>

<option value=”Pilihan 2″>Pilihan 2</option>

<option value=”Pilihan 3″>Pilihan 3</option>

</select>

  1. Password

Lalu untuk membuat inputan password , tag yang di gunakan adalah tag <input> dengan type = “password” . Berikut contoh penulisan inputan password :

<input type=”password” name=””>

  1. Submit Button

Untuk membuat tombol submit , tag yang di pakai adalah tag <input> . Berikut contoh nya :

<input type=”submit” name=”” value=”Simpan”>

  1. Reset Button

Kebalikan dari submit button , reset button berfungsi untuk membersihkan area inputan ketika kita ingin membatalkan inputan . Contoh script reset button seperti di bawah ini :

<input type=”reset” name=”” value=”Batal”>

B. Membuat Form Biodata

Untuk membuat tampilan form input biodata , masukkan script di bawah ini ke dalam text editor , kemudian simpan file dengan nama biodata.html ke dalam folder C:/XAMPP/htdocs

<!DOCTYPE html>

<html>

<head>

<title>Biodata</title>

</head>

<body>

<h2>Form Biodata</h2>

<form action=””>

Nama  <br>

<input type=”text” name=”” placeholder=”masukkan nama …” >

<br><br>

Password  <br>

<input type=”password” name=”” placeholder=”masukkan password ..”><br><br>

Jenis Kelamin  <br>

<input type=”radio” name=”jekel” value=”Laki-laki” checked> Laki-laki

<input type=”radio” name=”jekel” value=”Perempuan”> Perempuan<br><br>

Hobi   <br>

<input type=”checkbox” name=”” value=”Bola”> Bola

<input type=”checkbox” name=”” value=”Basket”> Basket

<br><br>

Pilihan <br>

<select name=””>

<option>-pilih-</option>

<option value=”Pilihan 1″>Pilihan 1</option>

<option value=”Pilihan 2″>Pilihan 2</option>

<option value=”Pilihan 3″>Pilihan 3</option>

</select><br><br>

Alamat  <br>

<textarea name=””></textarea><br><br>

<input type=”submit” name=”” value=”Simpan”>

<input type=”reset” name=”” value=”Batal”>

</form>

</body>

</html>

Maka tampilan dari script di atas saat di jalankan dalam browser seperti di bawah ini :

 

Pengertian HTML dan Contohnya

  1. Pengertian HTML

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser).HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut  Standard Generalized Markup Language (SGML).

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

Fungsi HTML yang lebih spesifik yaitu :

  1. Membuat halaman web.
  2. Menampilkan berbagai informasi di dalam sebuah browser Internet.
  3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

2. Jenis-jenis Tag HTML

 

Jenis tag dalam HTML di bagi menjadi 2 :

  1. Tag dengan Penutup tag

 

Contoh : <title>…</title> , <h1>…</h1> , <p>…</p> , <ul>….</ul> , <a>…</a> , <form>…..</form>

 

  1. Tag tanpa penutup

 

Contoh : <link> , <br> , <img>, <hr>

SUBLIME TEXT 3, Aplikasi Web Editor Terbaik

Assalamualaikum Wr. Wb,

Alhamdulillah, kali ini bisa posting artikel lagi. Dan pada postingan ini saya akan membagi sedikit pengalaman pribadi dalam membuat halaman website. Yang mana dalam membuat website tersebut pasti tidak pernah lepas dari aplikasi web editor sebagai pendukungnya.

 

Sublime Text 3 merupakan aplikasi Web Editor yang saya pakai sampai saat ini. Yang mana aplikasi ini sangat ringan dan tidak ribet dalam penggunaannya. Desain warna tulisan kodingnya yang sangat interaktif beserta variasi warna yang menarik. Selain itu warna teks kodingnya juga bisa diganti warna temanya. Jadi dengan teks koding yang enak untuk dilihat bisa membuat banyak pengguna betah dalam proses koding. Itulah beberapa alasan yang tepat untuk membangun sebuah web.

Continue reading

Pentingnya Belajar Web Desain

Assalamualaikum Wr. Wb,

Kembali lagi dengan saya, dan Alhamdulillah sekarang bisa posting artikel lagi. Pada postingan ini, saya ingin membahas tentang Web Desain. Yang mana Web Desain itu merupakan suatu ilmu atau pemahaman tentang desain bentuk halaman suatu website.

 

Web Desain itu termasuk penting, karena web desain itu merupakan tahap awal dalam membuat suatu website. Web desain itu meliputi style, warna, bentuk kerangka suatu website. Dengan tampilan yang baik juga, seorang pengguna website bisa merasa nyaman dan betah berada dalam web yang kita bangun.

Continue reading

Kesalahan yang sering Dilakukan dalam Menulis HTML

Assalamualaikum, Wr. Wb.

Alhamdulillah bisa posting artikel lagi di Webhozz BlogO, iya langsung saja.

Pada artikel ini, kita akan membahas sedikit tentang HTML. Ya, mungkin untuk teman-teman programmer web tidak asing mendengarnya. Karena HTML itu, merupakan suatu bahasa yang paling pertama untuk dipelajari dalam membangun sebuah website. HTML ini juga merupakan kerangka utama dalam membuat sebuah website yang mana HTML bisa diibaratkan saat kita membangun rumah, kita punya pondasi utama seperti tiang, atap, pintu, jendela dan lain-lain. Untuk menghiasi pondasi tersebut dibutuhkanlah CSS untuk mempercantik pondasi tersebut agar terlihat lebih baik.

Continue reading

Membuat Daftar Istilah dan Singkatan Pada HTML5

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai membuat daftar istilah dan singkatan. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.
Selain berupa daftar urut dan daftar tak berurut, secara spesifik kalian juga bisa membuat daftar istilah Continue reading