PENGERTIAN INPUTAN DAN JENIS-JENIS TAG INPUTAN LENGKAP

Mengenal Tentang Tag Input

Tag input merupakan tag paling banyak digunakan di dalam form, dan memiliki banyak bentuk, mulai dari isian text biasa, text password, checkbox, radio, sampai dengan tombol submit, dll. semuanya dalam bentuk tag input.Contoh bentuk-bentuk Tag Input adalah sebagai-berikut :1.        <input type=”text” /> atau bisa juga <input /> adalah textbox inputan biasa yang menerima input berupa text, contohnya digunakan untuk inputan nama, username, dan inputan yang berupa text pendek. Input type text ini juga bisa memiliki atribut value yang bisa diisi nilai tampilan awal dari text

2.        <input type=”password” /> dalam tampilannya sama dengan type text, namun teks yang diinput tidak akan terlihat, akan berupa bintang atau bulatan. Biasanya hanya digunakan untuk inputan yang sensitif seperti password.3.        <input type=”checkbox” /> adalah inputan berupa checkbox yang dapat diceklist atau di centang oleh user. User dapat memilih atau tidak memilih checkbox ini. Type checkbox memiliki atribut checked yang jika ditulis atau diisi dengan nilai checked, akan membuat chexkbox langsung terpilih pada saat pertama kali halaman ditampilkan. Contoh inputancheckbox berupa hobi, yang oleh user dapat dipilih beberapa hobi.4.        <input type=”radio” /> mirip dengan checkbox, namun user hanya bisa memilih satu diantara pilihan group radio.Type radio ini berada dalam suatu grup dan user hanya bisa memilih salah satunya. Contoh inputan type radio adalah jenis kelamin.5.        <input type=”submit” /> akan menampilkan tombol untuk memproses form. Biasanya diletakkan pada baris terakhir dari form.Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan nilainya ke suatu aplikasi yang di tentukan dlam atribut ACTION dlam elemen FORM.Atribut value jika diisi akan membuat text tombol submit berubah sesuai inputan nilai value.6.        <input type"hidden"> Digunkan untuk mengirim data ke suatu aplikasi yang tidak dingginkan untuk dilihat oleh browser.
Name                  = nama dari variable yang dikirim ke suatu aplikasi
Value                  = nilai dari variableName                  = nama dari variable yang dikirim ke suatu aplikasiValue                  = nilai dari variableName                  = nama dari variable yang dikirim ke suatu aplikasiValue                  = nilai dari variable7.        Push Button<input type="button">Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk menghasilkan suatu aksi.Name                    = nama dari variable yang dikirim ke suatu aplikasiValue                    = label teks di atas tombol8.        Image Submit Button<input type="image" src="url">Digunakan untuk menggantikan tombol standar submit dengan image.Name                    = nama dari variable ayng dikirim ke suatu aplikasi9.        Reset<input type="reset">Digunakan untuk mereset semua masukan dalam form.Value                    = label teks di buttonJadi form yang tersedia rasanya sudah cukup lengkap untuk semua keperluan jika kita mau bikin aplikasi web ataupun hanya sekedar fasilitas dihalaman web. Tinggal tampilan saja yang perlu kita buat sebagus mungkin agar menarik.
<title>Form HTML</title>                       
</head>
<DIV ALIGN = "CENTER">
  <H1><U><font color="#ff271f">Selamat Datang Di Ketikan Tangan</font color="#ff271f"></U></H1>
  <H2>Contoh Form HTML</H2>          
 </DIV>
 <HR>
        
<table>                                                     
   <tr>                                                          
       <td>Nama</td>                                       
       <td colspan="7"><input type="text" name="nama" size="40"></td>
   </tr>
    <tr>
       <td>TTL         </td>
       <td colspan="7"><input type="text" name="ttl" size="40"></td>
   </tr>
    <tr>
       <td>Jenis Kelamin</td>
       <td colspan="7"><INPUT TYPE = "RADIO" NAME = "Jenis Kelamin" CHECKED>Pria<INPUT TYPE = "RADIO" NAME = "Jenis Kelamin">Wanita</td><BR>
    </tr>
    <tr>
       <td>Agama</td>
       <td colspan="7"><INPUT TYPE = "RADIO" NAME = "agama" CHECKED>Islam<INPUT TYPE = "RADIO" NAME = "agama">Katholik<INPUT TYPE = "RADIO" NAME = "agama" CHECKED>Kristen<INPUT TYPE = "RADIO" NAME = "agama">Hindu<INPUT TYPE = "RADIO" NAME = "agama" CHECKED>Budha</td><BR>
    </tr>                
    <tr>
       <td>Alamat        </td>
       <td colspan="7"><input type="text" name="alamat" size="40"></td>
    </tr>
    <tr>
       <td>Nama Ayah       </td>
       <td colspan="7"><input type="text" name="nama_ayah" size="40"></td>
    </tr>
    <tr>
       <td>Nama Ibu       </td>
       <td colspan="7"><input type="text" name="nama_ibu" size="40"></td>
    </tr>
    <tr>
       <td>Hobby        </td>
       <td colspan="7"><input type="text" name="hobby" size="40"></td>
    </tr>
    <tr>
       <td>Email       </td>
       <td colspan="7"><input type="text" name="email" size="40"></td>
    </tr>
    <tr>
       <td>Komentar    </td>
       <td><textarea cols="40" rows="5" name="komentar"></textarea></td>
    </tr>
    <tr>
       <td><input type="submit" value="Setuju"></td>
       <td><input type="reset" value="Reset"></td>
    </tr>
</table>
</form>
</html>

dan di bawah ini coding dan hasil dari inputan.

<html>

<head>

</body>

gambar.hasil.88