Tuesday, September 18, 2018

Dasar Atribut Tagging input Pada Bahasa Pemrograman HTML

Dasar Atribut Tagging <input> Pada Bahasa Pemrograman HTML




Dasar Atribut Tagging input Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

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

file_extension

audio/*

video/*

image/*

media_type

Berfungsi untuk mendefinisikan file jenis apa saja yang dapat diperbolehkan untuk diproses kedalam server.
2

left

right

top

middle

bottom

Berfungsi untuk mendefinisikan tata letak input form.
3
text
Berfungsi untuk mendefinisikan alternatif jika tidak dapat diakses, khusus untuk type="image".
4

on

off

Berfungsi untuk mendefinisikan fitur autocomplete diaktifkan atau tidak.
5
autofocus
Berfungsi untuk mendefinisikan fokus pada objek ketika halaman pertama kali diakses oleh pengunjung.
6
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
Berfungsi untuk mendisable/menonaktifkan fungsi input pada halaman.
9
form_id
Berfungsi untuk mendefinisikan berbagai label atau nama form.
10
URL
Berfungsi untuk mendefinisikan kemana data akan diproses (hanya untuk type="submit" dan type="image").
11

application/x-www-formurlencoded

multipart/form-data

text/plain

Berfungsi untuk mendefinisikan seperti apakah data form akan dilindungi atau di enkripsi.
12

get

post

Berfungsi untuk mendefinisikan cara server memproses data yang diisi oleh pengunjung.
13
formnovalidate
Berfungsi untuk mendefinisikan bahwa data akan di validasi ketika sedang diproses.
14

_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
pixels
Berfungsi untuk mendefinisikan lebar dari media, hanya berlaku untuk type="image".
16
datalist_id
Berfungsi untuk mendefinisikan berbagai pilihan yang dapat kita gunakan pada input, akan tetapi harus memerlukan bantuan agar dapat bekerja normal.
17

date

number

Berfungsi untuk mendefinisikan batas maksimal input value yang dimasukan pengguna pada input.
18
number
Berfungsi untuk mendefinisikan batas panjang karakter yang dapat dimasukan pengunjung pada input.
19

number

date

Berfungsi untuk mendefinisikan minimal input vaalue yang dapat dimasukan oleh pengguna pada input.
20
multiple
Berfungsi untuk mendefinisikan bahwa jenis input dapat mendukung imput data lebih dari 1 value.
21
text
Berfungsi untuk mendefinisikan nama dari input.
22
regexp
Berfungsi untuk mendefinisikan karakter apa saja yang diizinkan untuk dimasukan oleh pengunjung.
23
text
Berfungsi untuk mendefinisikan petunjung untuk pengunjung ketika ingin menginputkan data mereka, petunjung pada umumnya didalam tempat input form.
24
readonly
Berfungsi untuk mendefinisikan readonly(hanya dapat dibaca/tidak dapat dimodifikasi) sehingga tidak dapat menginputkan data.
25
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
number
Berfungsi untuk mendefinisikan panjang atau ukuran form input.
27
URL
Berfungsi untuk mendefinisikan sumber daya konten gambar pada halaman.
28
number
Berfungsi untuk mendefinisikan angka kelipatan dari.
29

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
text
Berfungsi untuk mendefinisikan data input.
31
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.




PERLU DIKETAHUI


Iklan yang tampil pada halaman situs ini sepenuhnya sudah diatur oleh Pihak Google, kami hanya menyediakan tempat kosong khusus untuk iklan dari Google. Maka, apabila ada iklan yang dirasa kurang baik bagi anda sehingga tidak seharusnya ditampilkan, harap segera menginformasikan hal tersebut kepada kami dengan melalui Formulir Kontak yang ada di bagian bawah sendiri pada situs ini. Kemudian, kami akan segera menyampaikannya pada pihak Google terkait masalah tersebut.
Laporan dapat anda sertakan lampiran :
  • Nama Iklan
  • Alamat Screenshoot(Gambar) Iklan


Load Disqus Comments Hide Disqus Comments