Cara Membuat Watermark TextBox di Visual Basic.NET (VB.NET)

Pernahkah kalian melihat atau pernah mengisi sebuah pengisian Formulir secara online dimana dalam form tersebut ada beberapa kolom pengisian dengan teks tersamar didalamnya, itulah watermark.

Bagaimana Watermark bekerja?

Watermark hanya sebagai petunjuk ke user langsung ke field input bahwa kolom ini diisi berdasarkan isi watermark, misalnya kita mengisi kolom nama dengan watermarknya "Masukan nama" ketika kita mulai mengetik untuk memasukan nama kita, watermark itu hilang saat diketik dan ketika inputan kita hapus sampai kosong watermark muncul lagi.

Untuk lebih jelasnya tentang Watermark lihat seperti gambar dibawah ini :

Watermark TexBox di VB.NET

Berikut adalah langkah-langkah dalam pembuatan Watermark di Visual Basic.Net :

1. Buka Microsoft Visual Studio Anda

2. Klik Create a New Project

3. Cari template Windows Form App (WinForms) dan klik templatenya

4. Klik Next

5. Ketik nama Project > Folder Peyimpanan

6. Klik Next

7. Pilih Framework .NET 6.0

8. Klik Create (tunggu...sampai Form1 muncul)

9. Tanamkan 4 TextBox  di Form1 atur sesuai keinginan

10. Buka jendela kode dan ketik kode dibawah in:

Public Class Form1

    Private Const EM_SETCUEBANNER As Integer = &H1501

    <DllImport("user32.dll", CharSet:=CharSet.Unicode)>

    Private Shared Function SendMessage(hWnd As IntPtr, msg As Integer, wParam As IntPtr,

    lParam As String) As IntPtr

    End Function

    Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load

        'Watermark/Cue banner/Placeholder

        SendMessage(TextBox1.Handle, EM_SETCUEBANNER, CType(1, IntPtr), "Masukan nama")

        SendMessage(TextBox2.Handle, EM_SETCUEBANNER, CType(1, IntPtr), "Masukan NIK")

        SendMessage(TextBox3.Handle, EM_SETCUEBANNER, CType(1, IntPtr), "Masukan No.tlp")

        SendMessage(TextBox4.Handle, EM_SETCUEBANNER, CType(1, IntPtr), "Masukan alamat")

    End Sub

End Class

11. Simpan kode Anda dan jalankan Project, jika tidak ada error maka hasilnya seperti pada gambar diatas.

Tips dan Rekomendasi

Gunakan warna abu-abu atau terang agar watermark tidak mengganggu inputn

Jangan gunakan watermark sebagai pengganti label, tetap gunakan label jika perlu kejelasan

Bisa dikombinasikan dengan placeholder dinamis dari database untuk aplikasi lebih interaktif

Kalau di kode HTML watermark ini disebut juga placeholder, tapi saya menyebutnya sebagai watermark ada juga yang bilang cue banner. Kalau kalian nyebutnya apa? tulis dalam komentar

Demikianlah artikel kali ini tentang Cara Membuat Watermark TextBox di Visual Basic.NET (VB.NET), semoga artikel ini bermanfaat buat kita semua.Amin