Auf einer mobilen HTML5-Seite ist der Eingabetyp eine Zahl und die Länge kann nicht gesteuert werden. Außerdem werden auf der rechten Seite hässliche Plus- und Minusschaltflächen angezeigt.

Szenario:

Dies ist ein Problem, auf das ich zuvor beim Verschieben von Websteuerelementen gestoßen bin. Zu diesem Zeitpunkt mussten wir auf der HTML5-Seite unserer Steuerung Kartennummer, CV2, Mobiltelefonnummer, Bestätigungscode und andere Informationen eingeben. Jeder weiß, dass diese Werte Zahlen sind. Wenn wir bei normalen Eingabefeldern auf

klicken, enthält die standardmäßig auf dem Telefon angezeigte Tastatur nur Buchstaben und Symbole. Hier müssen wir jedoch nur Zahlen eingeben und nur zur numerischen Tastatur wechseln . Später haben wir ein Zahleneingabefeld eingeführt. Obwohl es die numerische Tastatur des Telefons anheben kann, werden auf einigen Telefonen Erhöhungs- und Verringerungstasten angezeigt. Gleichzeitig wird es von einigen Telefonen nicht unterstützt, z. B. von Smartisan-Telefonen Das Wichtigste ist, dass es keine Möglichkeit gibt, die Länge der Eingabe zu begrenzen.

Später, in der nächsten Version unseres Steuerelements, testeten wir verschiedene Arten von Eingabefeldern in HTML5 und fanden schließlich die folgenden Arten von Eingabefeldern, die unseren Anforderungen entsprachen.

Lösung:

                                                                                                                                                                     Ändern Sie den Typ des Eingabefelds von Nummer zu Tel, was nicht nur die Länge der Eingabezeichenfolge begrenzt, sondern auch die Nummer der Telefontastatur und dort ändern kann wird kein hässlicher Stil wie der Zahlentyp sein.

Das Obige ist der Inhalt des mobilen HTML5-Seiteneingabetyps, der die Länge nicht steuern kann, und die hässlichen Plus- und Minus-Schaltflächen, die auf der rechten Seite angezeigt werden. Für weitere verwandte Inhalte achten Sie bitte auf PHP Chinesische Website (www.php.cn)!