Monday, September 24, 2018

Tagging input Type Attribute Pada Bahasa Pemrograman HTML

Tagging <input> Type Attribute Pada Bahasa Pemrograman HTML




Tagging input Type Attribute Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

Jokam-Informatika.com - Ditinjau dari bahasanya yang berasal dari bahasa inggris yang berarti Jenis, maka atribut ini difungsikan untuk membedakan jenis apa yang digunakan pada tag Input untuk memproses datanya nanti saat pengguna menggunakannya. Type sendiri beranekaragam yang dimiliki oleh atribut didalam tag Input, setiap fungsi tentunya berbeda satu dengan yang lainnya.

Nah, salah satu atribut yang dimiliki Tag Input adalah "Type".

Seperti apakah fungsi dari Atribut Type pada Tag Input pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Type - Adalah salah satu atribut yang dimiliki oleh tag Input dan berfungsi untuk membedakan jenis input. Type sendiri memiliki berbagai value atau jenis yang dapat dipakai, setiap fungsi tentunya berbeda satu dengan yang lainnya. Type default adalah text yang berfungsi untuk menampung data tulisan atau ketikan dari keyboard pengguna.

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


Syntax :

<input type="Value">

Penerapan Syntax :


<form action="#">
 Username : <input type="text" name="username"><br>
 <input type="submit" value="Masuk">
</form>


Value Type Input :

No.

Value

Fungsi

1
button
Berfungsi untuk mendefinisikan penombolan pada form, untuk menggunakannya diperlukan script tambahan berupa Javascript.
2
checkbox
Berfungsi untuk mendefinisikan fungsi ceklist untuk pilihan yang harus dipilih oleh pengguna.
3
color
Berfungsi untuk mendefinisikan palete atau box warna yang berguna untuk pemilihan warna.
4
date
Berfungsi untuk mendefinisikan formulir waktu dengan format day/month/years.
5
datetime-local
Berfungsi untuk mendefinisikan formulir waktu dengan format day/month/years time_clock.
6
email
Berfungsi untuk mendefinisikan formulir khusus untuk data input jenis email.
7
file
Berfungsi untuk mendefinisikan file uploader yang berguna untuk mengunggah file kedalam form.
8
hidden
Berfungsi untuk mendefinisikan jenis formulir yang tersembunyi, sehingga pengunjung tidak dapat mengisi atau melihatnya.
9
image
Berfungsi untuk mendefinisikan gambar yang digunakan sebagai objek, tidak dapat diedit namun dapat digunakan untuk media.
10
month
Berfungsi untuk mendefinisikan form untuk keperluan fungsi input bulan dan tahun.
11
number
Berfungsi untuk mendefinisikan formulir input yang khusus untuk jenis input nomor saja, karakter dan teks tidak dapat dimasukan.
12
password
Berfungsi untuk mendefinisikan fungsi input untuk password, sehingga input tidak diperlihatkan saat dimasukannya data untuk tujuan keamanan data.
13
radio
Berfungsi untuk mendefinisikan pilihan ceklist dengan bentuk lingkaran.
14
range
Berfungsi untuk mendefinisikan fungsi pemilihan value 0 s/d 100 dengan menggunakan tombol yang bisa digulirkan seperti halnya radio tape atau volume pada komputer.
15
reset
Berfungsi untuk mendefinisikan tombol input untuk mereset atau mengatur ulang formulir agar menjadi seperti sediakala(belum di isi) atau default.
16
search
Berfungsi untuk mendefinisikan fungsi formulir input untuk digunakan sebagai media pencarian string atau value.
17
submit
Berfungsi untuk mendefinisikan tombol submit atau pemroses.
18
tel
Berfungsi untuk mendefinisikan jenis input untuk data nomor telepon.
19
text
Berfungsi untuk mendefinisikan formulir untuk segala jenis input huruf, nomor dan juga karakter dan ini adalah type(default).
20
time
Berfungsi untuk mendefinisikan formulir jenis input data waktu meliputi jam dan menit.
21
url
Berfungsi untuk mendefinisikan jenis formulir input khusus untuk pengisian data alamat address atau alamat sebuah website.
22
week
Berfungsi untuk mendefinisikan formulir data input khusus untuk menangani data mingguan selama setahun(1 tahun ada 53 minggu).


Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <input> Tagging ?
Klik disini : Tagging <input> HTML



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

Tagging input Step Attribute Pada Bahasa Pemrograman HTML

Tagging <input> Step Attribute Pada Bahasa Pemrograman HTML




Tagging input Step Attribute Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

Jokam-Informatika.com - Mungkin sobat sangat asing dengan atribut yang satu ini, apakah yang ada di pikiran kalian bahwa atribut ini berguna untuk melangkah ? Memang, arti dari kata step adalah langkah. Sehingga atribut ini difungsikan untuk melangkah dari angka 1 ke angka yang lainnya sesuai dengan ketentuan yang sudah dimasukkan kedalam atribut ini.

Nah, salah satu atribut yang dimiliki Tag Input adalah "Step".

Seperti apakah fungsi dari Atribut Step pada Tag Input pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Step - Adalah salah satu atribut yang dimiliki oleh tag Input dan memiliki fungsi untuk menentukan sebuah angka atau nomor berdasarkan kelipatan yang sudah dimasukkan. Hal ini mungkin sudah sering diajarkan pada bangku sekolah dasar sampai menengah tentang bilangan kelipatan persekutuan. Misalkan saja apabila kita memasukan angka " 5 " pada atribut maka angka yang diperbolehkan mulai dari (... -10, -5, 0, 5, 10, 15 ...). Biasanya fungsi ini digunakan untuk menentukan point sampai dengan nilai.

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


Syntax :

<input step="Value">

Penerapan Syntax :


<form action="#">
 Angka kelipatan 3,3 : <input type="number" name="fiver" step="3.3">
 <input type="submit">
</form>


Value Step Input :

No.

Value

Fungsi

1
number
Berfungsi untuk mendefinisikan angka kelipatan.


Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <input> Tagging ?
Klik disini : Tagging <input> HTML



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

Tagging input Src Attribute Pada Bahasa Pemrograman HTML

Tagging <input> Src Attribute Pada Bahasa Pemrograman HTML




Tagging input Src Attribute Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

Jokam-Informatika.com - Mungkin sobat yang sering belajar atau yang sudah ahli dengan pemrograman HTML sudah tidak asing dengan salah satu atribut ini. Atribut ini pada umumnya digunakan untuk mengambil sources ataupun sumber daya, adapun keperluan yang biasanya diambil berupa file, video ataupun gambar. Nah, sumber daya yang cocok untuk jenis tombol submit pada form input biasanya adalah gambar ataupun gambar animasi bergerak yang pastinya menambah dekoratif tombol menjadi lebih menarik.

Nah, salah satu atribut yang dimiliki Tag Input adalah "Src".

Seperti apakah fungsi dari Atribut Src pada Tag Input pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Src - Adalah salah satu atribut yang dimiliki oleh tag Input dan memiliki fungsi untuk mengambil sumber daya gambar untuk keperluan dekoratif tombol submit pada form input. Karena tombol yang lebih bagus dengan desain dari gambar buatan kita tentunya lebih menarik daripada harus menggunakan stylish default tombol submit form. Untuk tata cara penggunaannya bisa langsung dituliskan alamat gambar pada lokal hosting maupun server eksternal(dari website lain).

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


Syntax :

<input src="Value">

Penerapan Syntax :


<form action="#">
 Email : <input type="email" name="email" required><br>
 <br>
 <input type="image" src="#" width="70" height="40" alt="Submit">
</form>


Value Src Input :

No.

Value

Fungsi

1
URL
Berfungsi untuk mendefinisikan alamat/URL address letak file atau gambar yang akan digunakan untuk dijadikan tombol submit.


Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <input> Tagging ?
Klik disini : Tagging <input> HTML



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

Tagging input Size Attribute Pada Bahasa Pemrograman HTML

Tagging <input> Size Attribute Pada Bahasa Pemrograman HTML




Tagging input Size Attribute Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

Jokam-Informatika.com - Seperti halnya tag yang bisa disesuaikan ukuran maupun penampilannya sesuai dengan keinginan pembuatnya, Nah atribut ini berperan untuk menyesuaikan ukuran agar bisa menyesuaikan halaman dan juga tata letak yang ada. Jika anda menentukan ukuran atribut ini maka anda dapat melihat perubahan panjang dari formulir input.

Nah, salah satu atribut yang dimiliki Tag Input adalah "Size".

Seperti apakah fungsi dari Atribut Size pada Tag Input pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Size - Adalah salah satu atribut yang dimiliki oleh tag Input dan berfungsi untuk menentukan panjang kolom input dengan menggunakan angka pixel untuk menentukan panjangnya. Panjang yang tidak sesuai dengan halaman ukuran halaman bisa terkesan terlalu berlebihan dalam memberikan input form kepada halaman. Dengan adanya atribut ini maka anda bisa menyesuaikan sesuai dengan kebutuhan anda pada saat itu seperti halnya input pin yang tidak membutuhkan input kolam yang sangat panjang. Untuk menentukannya sangatlah mudah hanya dengan menggunakan bilangan pixel untuk mendeklarasikan panjang dari kolom input.

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


Syntax :

<input size="Value">

Penerapan Syntax :


<form action="#">
 Email : <input type="text" name="email" size="25"><br>
 Password Lama : <input type="text" name="passold" maxlength="7" size="10"><br>
 Password Baru : <input type="text" name="passnew" maxlength="7" size="10"><br>
 <br>
 <input type="submit" value="Ubah">
</form>


Value Size Input :

No.

Value

Fungsi

1
pixels
Berfungsi untuk mendefinisikan panjang ukuran input, panjang default yaitu "20px".


Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <input> Tagging ?
Klik disini : Tagging <input> HTML



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

Tagging input Required Attribute Pada Bahasa Pemrograman HTML

Tagging <input> Required Attribute Pada Bahasa Pemrograman HTML




Tagging input Required Attribute Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

Jokam-Informatika.com - Sobat mungkin sudah tidak asing ketika sobat ingin mendaftar kepada sebuah formulir online atau sekedar mengisi survey dan juga pembayaran online pastinya sobat dituntut untuk melengkapi bagian isian dan tidak boleh dikosongi. Jika anda tetap bersikukuh untuk mengosongkan nya maka saat sobat mengirim data formulir maka akan terdapat notifikasi supaya anda mengisi kolom yang kosong tersebut.

Nah, salah satu atribut yang dimiliki Tag Input adalah "Required".

Seperti apakah fungsi dari Atribut Required pada Tag Input pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Required - Adalah salah satu atribut yang dimiliki oleh tag Input dan memiliki fungsi untuk mewajibkan para calon pengisi input agar mereka mengisi data ke dalamnya. Hal ini sangat dibutuhkan mengingat jenis input yang dikemukakan sangat penting untuk dijadikan patokan data oleh administrator, maka administrator tidak menginginkan calon pendaftar tidak mengisi form yang dikira sangat penting tersebut. Metode ini juga dapat digunakan untuk jenis formulir pembayaran online yang diwajibkan agar pembeli bisa menyimpulkan informasi pembayaran yang sah yang nantinya akan dijadikan untuk media pembayaran transaksi mereka, sehingga atribut ini sangat membantu bagi mereka yang memiliki formulir agar input tidak dikosongin ketika digunakan oleh pengguna.

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


Syntax :

<input required>

Penerapan Syntax :


<form action="#">
 Username : <input type="text" name="username" required>
 <br />
 Password : <input type="password" name="password" required>
 <br />
 <br />
 <input type="submit">
</form>


Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <input> Tagging ?
Klik disini : Tagging <input> HTML



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

Tagging input Readonly Attribute Pada Bahasa Pemrograman HTML

Tagging <input> Readonly Attribute Pada Bahasa Pemrograman HTML




Tagging input Readonly Attribute Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

Jokam-Informatika.com - Formulir adalah salah satu media yang digunakan oleh administrator sebuah website untuk mendapatkan informasi pengunjung dengan tujuan untuk pendaftaran calon peserta, survey, minat dan lain sebagainya. Nah, ada salah satu input form yang tidak dapat diedit bukan berarti tidak berfungsi namun form tersebut ditujukan agar pengguna tidak dapat mengeditnya karena berbagai alasan tertentu.

Nah, salah satu atribut yang dimiliki Tag Input adalah "Readonly".

Seperti apakah fungsi dari Atribut Readonly pada Tag Input pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Readonly - Adalah salah satu atribut yang dimiliki oleh tag Input dan memiliki fungsi agar pengguna tidak dapat mengedit value atau isi yang ada didalamnya. Contoh kecil fungsi yang diterapkan pada form yakni mengenai kepala telepon +62, jika nomor kepala tidak dapat diedit maka formulir dikhususkan hanya untuk calon pendaftara yang memiliki nomor telepon indonesia saja yang memiliki nomor negara (+62). Hal ini bisa saja digunakan selain untuk masalah input nomor telepon formulir, jika anda menghendaki maka anda bisa menggunakan atribut ini untuk keperluan lain misalnya umur khusus 18+, daerah pendaftar khusus pulau jawa, refferal dan lain sebagainya.

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


Syntax :

<input readonly>

Penerapan Syntax :


<form action="#">
 Nomor telepon : <input type="text" name="headphone" value="+62" size="1" readonly> <input type="number" name="phone" min="0" max="99999999999" required><br>
 <input type="submit" value="Submit">
</form>


Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <input> Tagging ?
Klik disini : Tagging <input> HTML



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