Tutorial Pemrograman

Cara Mengatur Ukuran Lebar (Width) 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 mengatur ukuran lebar (width) pada textbox dengan HTML, ini berguna untuk mengatur ukuran lebar (width) pada TextBox 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 “width-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 di atas, kamu bisa mengatur ukuran lebar (width) pada TextBox dalam penginputan data teks menggunakan size, bukan width. Nilai angka itu berdasarkan jumlah panjang karakter yang tampak di TextBox atau menggunakan sistem persen yang nilainya antara 1 % sampai dengan 100 % agar ukuran width TextBox bisa mengikuti secara otomatis berdasarkan ukuran layout website yang ditampilkan di desktop atau mobile.

Demikian tutorial cara mengatur ukuran lebar (width) pada textbox dengan HTML. Selamat mencoba.

Tutorial Lainnya dari Penulis:









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 gratis melalui email

Copyright © 2019 Inwepo - All Rights Reserved.

To Top