Skip to main content

Form Element | HTML

Halo! Corner hari ini, materinya adalah tentang form elements dalam HTML. Form elemen itu ada banyak, namun kita hanya akan membahas beberapa saja.


Jadi beberapa elemen yang kita akan bahas dan penjelasannya secara singkat adalah berikut.

  • Input - Elemen ini digunakan untuk mendapatkan data dari user.
  • Label - Elemen ini biasanya digunakan bersama elemen input dan berfungsi untuk mempermudahkan user dalam mengklik input.
  • Textarea - Elemen ini seperti elemen input, tapi perbedaannya yaitu elemen ini bisa memiliki banyak baris.
  • Button - Elemen ini digunakan untuk menjalankan sesuatu dengan JavaScript ketika diklik.
  • Select - Elemen ini digunakan untuk membuat drop-down list yang mengandung satu atau lebih nilai.
  • Option - Elemen ini digunakan bersama elemen select dan juga mengandung nilai tersebut.


Sampai sini dulu untuk materi form elemen. Jumpa lahi di blog selanjutnya!

Labels:

Comments

Post a Comment

Popular posts from this blog

Operators | PHP

Halo! IT Wajib kali ini saya belajar tentang operators dalam PHP. Dalam blog ini, saya akan membahas beberapa operator yang ada di dalam operator aritmatika. Operator aritmatika ini menggunakan nilai numerik untuk melakukan aritmatika seperti penjumlahan, pengurangan, perkalian, dan pembagian. Jadi, konsepnya ya seperti matematik. Operator penjumlahan (+) digunakan untuk menambah dua nilai numerik dan mengembalikan hasilnya. Contohnya adalah $x + $y. Operator pengurangan (-) digunakan untuk mengurangi dua nilai numerik dan mengembalikan bedanya. Contohnya adalah $x - $y. Operator perkalian (*) digunakan untuk mengalikan dua nilai numerik dan mengembalikan produknya. Contohnya adalah $x * $y. Operator pembagian (/) digunakan untuk membagi dua nilai numerik dan mengembalikan hasil baginya. Contohnya adalah $x / $y. Itu saja untuk materi operators. Jumpa lagi di materi selanjutnya! Project Source Code View Code Project Name: Demonstrasi Matrix Language(s): PHP Source Code ...
Post a Comment
Read more

Pengenalan JavaScript

Halo! IT Corner hari ini saya mulai memasuki JavaScript. Kebetulan IT Corner hari ini itu belajar di lab komputer, jadi pemrogramannya lebih mudah karena bisa pakai VSCode. Baiklah, kembali ke topik JavaScript. JavaScript ini suatu bahasa pemrograman untuk front-end atau client-side. JavaScript ini biasanya digunakan untuk mengatur bagaimana suatu website berfungsi dalam sisi klientnya. Bahasa JavaScript bisa ditulis langsung dalam file HTML-nya atau bisa ditulis dalam file dengan extensi ".js" dan menggabungnya. Salah satu contoh penggunaan JavaScript itu adalah mengganti background menjadi light mode atau dark mode. Selain itu, JavaScript bisa digunakan untuk membuat suatu website lebih interaktif. Itu saja untuk pengenalan JavaScript. Sampai jumpa lagi di blog selanjutnya! Project Source Code View Code Project Name: Background Changer Demo Language(s): HTML, CSS, JavaScript Source Code Copy Code Background Changer Change Backg...
Post a Comment
Read more

Login & Registration Form | Project

Halo! Hari ini saya membuat project tentang form login dan registrasi. Sebenarnya ini sama saja dengan yang blog materi HTML Form itu, tapi yang ini lebih lengkap dengan tambahan form login. Versi yang baru ini lebih bagus dari versi yang lama dengan UI-nya yang lebih elegen serta fitur redirect untuk login di bagian kanan atas. Versi ini mengurangi tujuh jenis input menjadi tiga, yaitu hanya email, username, dan password. Untuk password-nya sendiri, akan dicek apakah password-nya minimal 8 karakter. Untuk bagian login-nya, terdapat redirect untuk registrasi di kanan atas juga serta di bawah tombol "Masuk". Di sini juga terdapat link jika pengguna lupa password-nya. Untuk inputnya sendiri hanya ada dua, yaitu yang atas untuk email atau username, dan yang bawah untuk password. Tidak lupa juga, UI kedua form ini saya mengambil inspirasi dari beberapa website seperti Roblox, Pixiv, Twitter (X), dan Github. Itu saja untuk blog ini tentang project login dan registration form. Samp...
Post a Comment
Read more