Tutorial Pemrograman

Cara Membuat Teks Hint Pada TextBox dengan HTML

HTML adalah salah satu bahasa markup yang berfungsi untuk membuat kerangka atau merancang tampilan website yang dibumbui oleh CSS dan JavaScript sebagai mempercantik tampilan website agar bisa menghasilkan suatu karya aplikasi berbasis web dengan baik dan optimal.

TextBox adalah suatu element yang terdapat dalam kode script HTML yang berfungsi untuk membuat suatu wadah penginputan data yang bersifat teks yang ada di dalam sistem kerja website.

Penulis akan memberikan tutorial cara membuat teks hint pada textbox dengan HTML, ini berguna untuk memberikan suatu clue agar memudahkan melakukan penginputan data yang diinputkan oleh user atau visitor pada pengisian data / form tertentu. Misalkan, kode nama negara, username (nama pengguna), kode singkat suatu wilayah, kode id pendaftaran, dan sebagainya.

Langkah:

1. Silahkan buka teks editor seperti Notepad++, Sublime, Visual Code, dan sebagainya.

2. Silahkan ketik kode script di bawah ini.

3. Simpan hasil kode script tadi dengan tekan CTRL + S.

4. Pilihlah tempat simpan sesuai keinginan kamu, berikan nama “teks-hint-textbox.html”.

5. Klik Save.

6. Cari file yang tadi, kemudian klik kanan pada mouse → Open With → Web Browser app (Chrome, Mozilla, atau Microsoft Edge).

Selesai.

Catatan :

Pada kode script yang di atas, kamu bisa mengisi kata-kata atau teks hint di dalam placeholder pada tempat input data (TextBox) yang sesuai kebutuhan pada website kamu.

Demikian tutorial cara membuat teks hint pada textbox dengan HTML. Selamat mencoba.









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Berlangganan tutorial Inwepo melalui email

Copyright © 2019 Inwepo - All Rights Reserved.

To Top