Pengertian Form dan Jenis Inputan dalam Form Html

                                               
                                                   Pengertian Form dan Jenis Inputan

a.      Pengertian Form

Form merupakan suatu fitur html yang berfungsi untuk menampung inputan baik itu text, submit, button, number dan laiinnya. Biasanya digunakan untuk membuat login, submit, comment, register dan inputan lainnya.  <form></form> merupakan tag pembuka dan penutup dari lement form

Contoh

<form>

<input type=”text” name=”username” placeholder=”enter username”>

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

</form>

b.     Type Inputan dalan Form

Type merupkan fitur dari form yang berfungsi untuk memberi inputan yang sesuai dengan kebutuhan programmer untuk user. Ada beberapa jenis  inputan dari html form diantaranya seperti :

·       Type Text 

Merupakan suatu type inputan  yang dibuat khusus untuk text

Contoh

<form>

            <input type=”text” name=”username” placeholder=”enter username”>

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

</form>

·       Type Button

Merupakan suatu type inputan yang memiliki bentuk berupa button biasanya digunakna untuk media proses link ke halaman lain

Contohnya

<form>

            <input type=”button” value=”submit”>

</form>

·       Type Checkbox

Merupakan suatu type inputan yang berbentuk box yang bisa kalian checklist. Biasanya  digunakan saat ingin membuat syarat suatu events menggunakan form

Contohnya

<form>

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

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

</form>

·       Type Radio 

Merupakan suatu type inputan yang berbentuk hampir seperti checkbox namun bedanya terdapat pada dimana jika checkbox berbentu box sedangkan radio berbentu elipse. Selain itu fungsi dari checkbox dan radio juga berbeda. Inputan ini biasanya digunakan saat kita ingin membuat pilihan  jenis kelamin, dan jurusan

Contohnya

<form>

<input type=”radio” name=”jenisKelamin” placeholder=”masukkan jenisKelamin ”>

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

</form>

·       Select dan Option 

Merupakan suatu jenis inputan yang berbentuk list. biasanya digunakan untuk membuat inputan list makanan, jurusan, dosen, mahasiswa dan lain

Contohnya

<form>

            <select name=”dosen”>

                        <option>Dosen html</option>

                        <option>Dosen css </option>

</select>

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

</form>

·       Type Number

Merupakan suatu type inputan yang digunakan saat admin menginginkan user dapat menginputkan data berupa number

Contohnya

<form>

            <input type=”number” name=”phone” placeholder=”enter your number phone”>

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

</form>

·       Type Email 

Merupakan suatu type inputan yang khusus dibuat agar user dapat menginptkan email

Contohnya

<form>

            <input type=”email” name=”email” placeholder=”enter your new email”>

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

</form>

·       Type Password 

Merupakan suatu type inputan yang biasnya digunakan untuk menampung password user. Biasanya pada saat kalian menginpukan data maka inputan akan disembunyikan

Contohnya

<form>

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

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

</form>

·       Type Submit

Merupakan suatu type inputan yang berbentuk button. Biasanya digunakan saat admin ingin membuat link ke halaman lain.

Contohnya

<form>

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

</form>

·       Type File 

Merupakan suatu inputan yang khusus dibuat untuk melakukan proses unggah dalam suatu form

Contohnya

<form>

            <input type=”file” name=”file” placeholder=”unggah inputan”>

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

</form>

·       Type Color 

Merupakan suatu jenis inputan yang dikhususkan untuk menginputkan warna

Contohnya

<form>

            <input type=”color” name=”color” placeholder=”choose color”>

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

</form>

·       Type datetime 

Merupakan suatu jenis inputan yang dikhususkan untuk menginputkan waktu dan tanggal

Contohnya

<form>

<input type=”datetime” name=”datetime” placeholder=”enter date and time ”>

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

</form>

·       Type Datetime-local

Merupakan suatu jenis inputan yang dikhususkan untuk menginputkan waktu dan tanggal secara local

Contohnya

<form>

<input type=”datetime-local” name=”datetime” placeholder=”enter date and time ”>

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

</form>

·       Type Month 

Merupakan suatu jenis inputan yang dikhususkan untuk menginputkan bulan

Contohnya

<form>

<input type=”month” name=”month” placeholder=”masukkan bulan ”>

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

</form>

·       Type Search 

Merupakan suatu jenis inputan yang dikhususkan untuk menginputkan pencarian.

Biasanya digunakan saat kalian membuat inputan pencarian

Contohnya

<form>

<input type=”search” name=”search” placeholder=”enter what your search  ”>

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

</form>

·       Type Url

Merupakan suatu jenis inputan yang dikhususkan untuk menginputkan url bagi user

Contohnya

<form>

<input type=”url” name=”url” placeholder=”enter url ”>

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

</form>