Kuliah

Cara Membuat Placeholder pada JTextField Java

<p>Placeholder merupakan fitur yang berguna untuk membuat semacam penamaan pada form yang diletakkan didalam form tersebut&period; Placeholder berupa tulisan kecil yang sifatnya tidak berpengaruh atau mengganggu saat di submit&period; Fitur ini sebenarnya untuk memudahkan dan memberi contoh cara pengisian pada form tersebut&period; Misal ada form dimana wajib mengisikan alamat email&comma; maka kita bisa buat contoh dengan menggunakan placeholder dan tulis placeholder nya seperti berikut &&num;8220&semi;user&commat;example&period;com&&num;8221&semi;&period;<&sol;p>&NewLine;<p>Langsung saja berikut ini langkah-langkahnya &colon;<&sol;p>&NewLine;<p>1&period; Buka aplikasi Netbeans&comma; buat sebuah JFrame Form baru dan beri nama misal MembuatPlaceholder<&sol;p>&NewLine;<p>2&period; Lalu buat tampilan seperti berikut<&sol;p>&NewLine;<p><a href&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;12&period;18&period;png"><img data-attachment-id&equals;"1504" data-permalink&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;blog&sol;2019&sol;08&sol;16&sol;cara-membuat-placeholder-pada-jtextfield-java&sol;screen-shot-2019-08-16-at-08-12-18&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;12&period;18&period;png&quest;fit&equals;396&percnt;2C205&amp&semi;ssl&equals;1" data-orig-size&equals;"396&comma;205" data-comments-opened&equals;"1" data-image-title&equals;"Screen Shot 2019-08-16 at 08&period;12&period;18" data-image-description&equals;"" data-image-caption&equals;"" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;12&period;18&period;png&quest;fit&equals;396&percnt;2C205&amp&semi;ssl&equals;1" class&equals;"aligncenter wp-image-1504 size-full" src&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;12&period;18&period;png" alt&equals;"" width&equals;"396" height&equals;"205" &sol;><&sol;a><&sol;p>&NewLine;<p>3&period; Pada JTextfield yang ada&comma; jangan lupa diubah variableName nya supaya memudahkan nanti dalam membuat placeholdernya&comma; misal untuk JTextField pengisian nama&comma; variable name nya saya ubah menjadi fieldNama&comma; yang email saya ubah menjadi fieldEmail&period;<&sol;p>&NewLine;<p>4&period; Selanjutnya download plugin placeholder pada link berikut <a href&equals;"http&colon;&sol;&sol;plugins&period;netbeans&period;org&sol;plugin&sol;70043&sol;placeholder" target&equals;"&lowbar;blank" rel&equals;"noopener noreferrer">http&colon;&sol;&sol;plugins&period;netbeans&period;org&sol;plugin&sol;70043&sol;placeholder<&sol;a><&sol;p>&NewLine;<p>5&period; Setelah di download&comma; pada Netbeans pilih menu Tools &vert; Libraries &vert; New Library&comma; kemudian pada Library Name&comma; isi namanya misal PluginPlaceHolder supaya nanti mudah mencarinya<&sol;p>&NewLine;<p><a href&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;16&period;15&period;png"><img data-attachment-id&equals;"1505" data-permalink&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;blog&sol;2019&sol;08&sol;16&sol;cara-membuat-placeholder-pada-jtextfield-java&sol;screen-shot-2019-08-16-at-08-16-15&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;16&period;15&period;png&quest;fit&equals;359&percnt;2C155&amp&semi;ssl&equals;1" data-orig-size&equals;"359&comma;155" data-comments-opened&equals;"1" data-image-title&equals;"Screen Shot 2019-08-16 at 08&period;16&period;15" data-image-description&equals;"" data-image-caption&equals;"" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;16&period;15&period;png&quest;fit&equals;359&percnt;2C155&amp&semi;ssl&equals;1" class&equals;"aligncenter wp-image-1505 size-full" src&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;16&period;15&period;png" alt&equals;"" width&equals;"359" height&equals;"155" &sol;><&sol;a><&sol;p>&NewLine;<p>6&period; Pada library tersebut&comma; dibagian tab Classpath&comma; klik Add JAR&sol;Folder&comma; dan masukkan file JAR placeholder yang tadi sudah di download&comma; kemudian klik OK<&sol;p>&NewLine;<p><a href&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;20&period;12&period;png"><img data-attachment-id&equals;"1507" data-permalink&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;blog&sol;2019&sol;08&sol;16&sol;cara-membuat-placeholder-pada-jtextfield-java&sol;screen-shot-2019-08-16-at-08-20-12&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;20&period;12&period;png&quest;fit&equals;435&percnt;2C374&amp&semi;ssl&equals;1" data-orig-size&equals;"435&comma;374" data-comments-opened&equals;"1" data-image-title&equals;"Screen Shot 2019-08-16 at 08&period;20&period;12" data-image-description&equals;"" data-image-caption&equals;"" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;20&period;12&period;png&quest;fit&equals;435&percnt;2C374&amp&semi;ssl&equals;1" class&equals;"aligncenter wp-image-1507 size-full" src&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;20&period;12&period;png" alt&equals;"" width&equals;"435" height&equals;"374" &sol;><&sol;a><&sol;p>&NewLine;<p>7&period; Kalau sudah&comma; pada project tempat membuat placeholder&comma; pada folder Libraries&comma; klik kanan dan pilih Add Library&comma; pilih PluginPlaceHolder&comma; kemudian klik Add Library<&sol;p>&NewLine;<p><a href&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;22&period;31&period;png"><img data-attachment-id&equals;"1508" data-permalink&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;blog&sol;2019&sol;08&sol;16&sol;cara-membuat-placeholder-pada-jtextfield-java&sol;screen-shot-2019-08-16-at-08-22-31&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;22&period;31&period;png&quest;fit&equals;353&percnt;2C383&amp&semi;ssl&equals;1" data-orig-size&equals;"353&comma;383" data-comments-opened&equals;"1" data-image-title&equals;"Screen Shot 2019-08-16 at 08&period;22&period;31" data-image-description&equals;"" data-image-caption&equals;"" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;22&period;31&period;png&quest;fit&equals;353&percnt;2C383&amp&semi;ssl&equals;1" class&equals;"aligncenter wp-image-1508 size-full" src&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;22&period;31&period;png" alt&equals;"" width&equals;"353" height&equals;"383" &sol;><&sol;a><&sol;p>&NewLine;<p>8&period; kalau sudah di add&comma; kita kembali ke project placeholdernya&comma; kemudian kita pilih Source untuk menambahkan beberapa baris kode berikut ini tepat dibawah kode initComponent&lpar;&rpar;&semi;<&sol;p>&NewLine;<pre>PlaceHolder holder1 &equals; new PlaceHolder&lpar;fieldNama&comma; "Masukkan Nama"&rpar;&semi; &NewLine;PlaceHolder holder2 &equals; new PlaceHolder&lpar;fieldEmail&comma; "user&commat;example&period;com"&rpar;&semi; &NewLine;<&sol;pre>&NewLine;<p>9&period; Kalau sudah tidak ada error&comma; silakan ditest running&comma; maka nanti hasilnya akan seperti berikut<&sol;p>&NewLine;<p><a href&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;33&period;30&period;png"><img data-attachment-id&equals;"1509" data-permalink&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;blog&sol;2019&sol;08&sol;16&sol;cara-membuat-placeholder-pada-jtextfield-java&sol;screen-shot-2019-08-16-at-08-33-30&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;33&period;30&period;png&quest;fit&equals;401&percnt;2C265&amp&semi;ssl&equals;1" data-orig-size&equals;"401&comma;265" data-comments-opened&equals;"1" data-image-title&equals;"Screen Shot 2019-08-16 at 08&period;33&period;30" data-image-description&equals;"" data-image-caption&equals;"" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;33&period;30&period;png&quest;fit&equals;401&percnt;2C265&amp&semi;ssl&equals;1" class&equals;"aligncenter wp-image-1509 size-full" src&equals;"https&colon;&sol;&sol;rizkypratama&period;id&sol;wp-content&sol;uploads&sol;2019&sol;08&sol;Screen-Shot-2019-08-16-at-08&period;33&period;30&period;png" alt&equals;"" width&equals;"401" height&equals;"265" &sol;><&sol;a><&sol;p>&NewLine;<p>Cukup mudah bukan&comma; mungkin cukup sekian&comma; semoga bermanfaat<&sol;p>&NewLine;<div class&equals;"clearfix"><&sol;div>

Rizky Pratama

Rizky Pratama. Tinggal di Bekasi, Jawa Barat. Seorang IT di salah satu perusahaan IT. Pengguna Mac, Linux dan Windows Selain sebagai penulis di blog ini, saya juga penulis di blog saya yang lain, yaitu https://pratama.biz.id

Share
Published by
Rizky Pratama

Recent Posts

Konfigurasi Smarthost/SMTP Relay pada Stalwart

Dalam pengelolaan mail server, terkadang kita tidak ingin email dikirim langsung ke server tujuan. Ada…

2 weeks ago

Cara Ubah Port SSH Pada Ubuntu 26.04 LTS

Pada bulan April 2026 lalu, Ubuntu telah release versi terbaru yaitu Ubuntu 26.04 LTS, sehingga…

2 months ago

Perjalanan Tanpa Arah

Ada satu hal yang ngga akan pernah benar-benar diajarkan kepada kita, yaitu bagaimana cara melanjutkan…

3 months ago

Konfigurasi Iptables Supaya Auto Start Setelah Reboot (Update)

Bermula ketika saya melakukan suatu konfigurasi pada server, saya menerapkan beberapa rule untuk block port,…

3 months ago

Cara Upgrade Nginx ke Versi Terbaru (Latest) pada Ubuntu

Beberapa hari terakhir saya memutuskan untuk upgrade seluruh server Nginx ke versi terbaru setelah muncul…

6 months ago

Tips Zimbra : Cara Export Import Grant Right SendAsDistList

Beberapa waktu lalu saya ada melakukan migrasi dan upgrade sistem email server Zimbra di salah…

6 months ago