Wie kann ich die Breite einer Texteingabe basierend auf ihrem Wert automatisch anpassen?

Bestimmen der Eingabe[type=text]-Breite basierend auf der Wertlänge

Frage:

Kann die Breite eines Element automatisch an die Länge seines Werts angepasst werden?

Antwort:

Ja, es gibt zwei Methoden, um dies zu erreichen:

Methode 1: Festlegen des Größenattributs

Der folgende JavaScript-Code legt das Größenattribut von Elemente auf die Länge ihrer Werte:

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

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

Methode 2: CSS-Textmessung verwenden

Für eine genauere Anpassung können Sie eine CSS-Technik zur Berechnung verwenden die Pixelbreite des Eingabetextes. Weitere Informationen finden Sie in dieser zugehörigen Antwort: [input[type=text] with sized width?](https://stackoverflow.com/a/4926882/1363694)

Das obige ist der detaillierte Inhalt vonWie kann ich die Breite einer Texteingabe basierend auf ihrem Wert automatisch anpassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!