Dasar Atribut Tagging input Pada Bahasa Pemrograman HTML

Dasar Atribut Tagging <input> Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Kalian pastinya sudah tidak asing dengan formulir yang ada pada berbagai website baik itu website level bawah sampai level tertinggi seperti perusahaan atau pemerintah pastinya memakai formulir, karena formulir memang difungsikan untuk menginputkan user, password ataupun informasi lainnya yang dibutuhkan oleh server dari website. Dengan adanya formulir maka server bisa memproses data penting untuk digunakan selanjutnya seperti login dan juga pendaftaran, tak hanya informasi penting ternyata juga dapat difungsikan untuk mendapatkan tanggapan dari pengunjung seperti komentar, diskusi ataupun kotak saran lainnya.

Fungsi formulir pada umumnya membutuhkan tag bantuan yakni Input tag yang berguna agar pengguna bisa memasukan apa yang seharusnya mereka lakukan ketika pendaftaran, login, komunikasi dan lain sebagainya.

Seperti apakah fungsi dari Tagging Input pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Input - Adalah salah satu tag yang ada pada pemrograman HTML dan berguna untuk memperoleh inputan dari pengunjung, selain itu juga dapat digunakan untuk keperluan lainnya yang masih banyak. Adapun bentuk umum tag ini ketika diterapkan pada halaman website yaitu seperti kolom memanjang yang dapat diisi inputan huruf dari keyboard, pastinya anda sudah faham dan tidak asing ketika login di Facebook bukan ? Nah, salah satu fungsi input itulah yang anda lakukan ketika menginputkan username dan password tersebut memakai fungsi input pada websitenya.

Tanpa adanya bantuan input mungkin kita ataupun bahkan anda semua didunia tidak dapat memasukan dengan mudah input yang anda inginkan kepada server ketika ingin melakukan komunikasi dengan sesama pengguna, ataupun sendirian. Kalaupun ada cara lain mungkin tidak se-simpel tag <input> ini yang sudah didesain dengan sederhana dan mudah dimengerti hampir semua programmer kelas atas ataupun pemula sekalipun. Karena memang mudah dimengerti dan penulisan tidak cukup sulit karena tidak ribet.

Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :

Syntax :

<input>

Penerapan Syntax :

<form action="#">
 Email : <input type="text" name="Email"><br>
 Password : <input type="password" name="Pass"><br>
 <input type="submit" value="Masuk">
</form>

Colgroup Attribute :

No.	Attribute	Value	Fungsi
1	accept	file_extension audio/* video/* image/* media_type	Berfungsi untuk mendefinisikan file jenis apa saja yang dapat diperbolehkan untuk diproses kedalam server.
2	align	left right top middle bottom	Berfungsi untuk mendefinisikan tata letak input form.
3	alt	text	Berfungsi untuk mendefinisikan alternatif jika tidak dapat diakses, khusus untuk type="image".
4	autocomplete	on off	Berfungsi untuk mendefinisikan fitur autocomplete diaktifkan atau tidak.
5	autofocus	autofocus	Berfungsi untuk mendefinisikan fokus pada objek ketika halaman pertama kali diakses oleh pengunjung.
6	checked	checked	Berfungsi untuk mendefinisikan objek agar terseleksi atau tidak dengan adanya centang pada checkbox atau tidaknya.
7	dirname	inputname.dir	Berfungsi untuk menentukan arah data akan dikirim.
8	disabled	disabled	Berfungsi untuk mendisable/menonaktifkan fungsi input pada halaman.
9	form	form_id	Berfungsi untuk mendefinisikan berbagai label atau nama form.
10	formaction	URL	Berfungsi untuk mendefinisikan kemana data akan diproses (hanya untuk type="submit" dan type="image").
11	formenctype	application/x-www-formurlencoded multipart/form-data text/plain	Berfungsi untuk mendefinisikan seperti apakah data form akan dilindungi atau di enkripsi.
12	formmethod	get post	Berfungsi untuk mendefinisikan cara server memproses data yang diisi oleh pengunjung.
13	formnovalidate	formnovalidate	Berfungsi untuk mendefinisikan bahwa data akan di validasi ketika sedang diproses.
14	formtarget	_blank _self _parent _top framename	Berfungsi untuk mendefinisikan bagaimana cara tab memperlakukan teknik pemrosesan ketika pengunjung ingin mengirim data. Berlaku hanya untuk type="submit" dan type="image".
15	height	pixels	Berfungsi untuk mendefinisikan lebar dari media, hanya berlaku untuk type="image".
16	list	datalist_id	Berfungsi untuk mendefinisikan berbagai pilihan yang dapat kita gunakan pada input, akan tetapi harus memerlukan bantuan
17	max	date number	Berfungsi untuk mendefinisikan batas maksimal input value yang dimasukan pengguna pada input.
18	maxlength	number	Berfungsi untuk mendefinisikan batas panjang karakter yang dapat dimasukan pengunjung pada input.
19	min	number date	Berfungsi untuk mendefinisikan minimal input vaalue yang dapat dimasukan oleh pengguna pada input.
20	multiple	multiple	Berfungsi untuk mendefinisikan bahwa jenis input dapat mendukung imput data lebih dari 1 value.
21	name	text	Berfungsi untuk mendefinisikan nama dari input.
22	pattern	regexp	Berfungsi untuk mendefinisikan karakter apa saja yang diizinkan untuk dimasukan oleh pengunjung.
23	placeholder	text	Berfungsi untuk mendefinisikan petunjung untuk pengunjung ketika ingin menginputkan data mereka, petunjung pada umumnya didalam tempat input form.
24	readonly	readonly	Berfungsi untuk mendefinisikan readonly(hanya dapat dibaca/tidak dapat dimodifikasi) sehingga tidak dapat menginputkan data.
25	required	required	Berfungsi untuk mendefinisikan bahwa jenis input yang digunakan harus diisi secara baik oleh pengunjung, jika input tersebut dikira butuh baik data dan informasinya untuk anda(administrator).
26	size	number	Berfungsi untuk mendefinisikan panjang atau ukuran form input.
27	src	URL	Berfungsi untuk mendefinisikan sumber daya konten gambar pada halaman.
28	step	number	Berfungsi untuk mendefinisikan angka kelipatan dari.
29	type	button checkbox color date datetime-local email file hidden image month number password radio range reset search submit tel text time url week	Berfungsi untuk mendefinisikan jenis input yang digunakan baik itu untuk jenis input, tombol pemrosesan dan lain sebagainya.
30	value	text	Berfungsi untuk mendefinisikan data input.
31	width	pixels	Berfungsi untuk mendefinisikan panjang media input, khusus berlaku untuk type="image".

Ingin mencobanya ?
Klik disini : JALANKAN CODE



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Dasar Atribut Tagging <input> Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <input> pada HTML.
Sekian dan terimakasih.