Bagaimanakah Saya Boleh Melaraskan Lebar Input Teks Secara Automatik Berdasarkan Nilainya?

Menentukan Input[type=text] Lebar Berdasarkan Panjang Nilai

Soalan:

Bolehkah lebar elemen dilaraskan secara automatik agar sepadan dengan panjang nilainya?

Jawapan:

Ya, terdapat dua kaedah untuk mencapai ini:

Kaedah 1: Menetapkan Atribut saiz

Kod JavaScript berikut menetapkan atribut saiz bagi elemen mengikut panjang nilainya:

function resizeInput() {
    $(this).attr('size', $(this).val().length);
}

$('input[type="text"]')
    // event handler
    .keyup(resizeInput)
    // resize on page load
    .each(resizeInput);

Kaedah 2: Menggunakan Pengukuran Teks CSS

Untuk kesesuaian yang lebih tepat, anda boleh menggunakan teknik CSS untuk mengira lebar piksel teks input. Lihat jawapan berkaitan ini untuk mendapatkan butiran: [input[type=text] dengan lebar bersaiz?](https://stackoverflow.com/a/4926882/1363694)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaraskan Lebar Input Teks Secara Automatik Berdasarkan Nilainya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!