Bagaimanakah Saya Boleh Auto-Skalakan Lebar Input Teks untuk Memadankan Panjang Kandungannya?

Auto-skala Lebar Input Teks untuk Memadankan Panjang Nilai

Adakah terdapat cara untuk melaraskan lebar untuk memadankan lebar teks yang terkandung di dalamnya?

Penyelesaian:

Ya, anda boleh mencapai ini dengan mudah dengan menetapkan atribut saiz input kepada panjang kandungan input. Begini cara anda boleh melakukannya menggunakan JavaScript:

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

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

Demonstrasi:

[Lihat JSFiddle](http://jsfiddle.net/nrabinowitz/NvynC/)

Walau bagaimanapun, kaedah ini mungkin menambah beberapa pelapik di sebelah kanan, yang berbeza-beza bergantung pada penyemak imbas. Untuk mencapai kesesuaian yang lebih ketat, anda boleh mengira lebar piksel teks anda menggunakan teknik seperti yang diterangkan dalam [ini](https://stackoverflow.com/questions/16401893/set-width-of-input-field-to -display-values-with-fixed-width-in-chrome) jawapan Stack Overflow.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Auto-Skalakan Lebar Input Teks untuk Memadankan Panjang Kandungannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!