Heim > Web-Frontend > HTML-Tutorial > Implementieren Sie Punkt-Punkt in der Eingabe und zeigen Sie die verbleibenden Wörter an, wenn die Maus nach oben bewegt wird

Implementieren Sie Punkt-Punkt in der Eingabe und zeigen Sie die verbleibenden Wörter an, wenn die Maus nach oben bewegt wird

WBOY
Freigeben: 2016-09-30 09:23:10
Original
1404 Leute haben es durchsucht

Dieses Problem tritt häufig in einem Inhaltsfeld auf, da die Breite des Felds festgelegt ist, sich jedoch viel Inhalt darin befindet. Zu diesem Zeitpunkt muss die Anforderung an erster Stelle stehen und die zusätzlichen Wörter müssen vorhanden sein Mit Punkten markiert. In Form von Punkten ausblenden. Zweitens sollte beim Bewegen der Maus nach oben der gesamte Inhalt des Textfelds als Titelaufforderung angezeigt werden. Der Weg dorthin ist wie folgt

Diandiandian, das wurde geschrieben, bevor der Text überlief. Fügen Sie dem Textfeld den folgenden Stil hinzu

display:inline-block; //Dies hängt von der Situation ab und fügt
white-space:nowrap; //Must
text-overflow:ellipsis; /Muss
Was die Titelaufforderung betrifft, müssen Sie der Eingabe den folgenden Code hinzufügen, damit der gesamte Inhalt im Textfeld mit dem Titel
abgefragt werden kann
Ergänzung:
Ich habe gerade festgestellt, dass der ausgewählte Text mit dieser Methode nicht normal angezeigt werden kann. Ich habe ihn schließlich lange geändert und einen Funktionsaufruf geschrieben, um ihn normal anzuzeigen
<script></div> <div> </div>function selbox(a){<div> var val = a.val();<p> a.attr("title",val);<br>}<br> <br> </p></script>
Bedeutet das übrigens nicht dasselbe wie der Insider-Stil? Warum verwendet ie8 dies zur Anzeige? Im IE8 kann die Eingabe normal angezeigt werden, aber die Auswahl kann nicht normal angezeigt werden. Weiß jemand warum?
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage