Heim > Web-Frontend > CSS-Tutorial > Wie verwende ich den Fokuswähler? Wie verwende ich den Fokuswähler?

Wie verwende ich den Fokuswähler? Wie verwende ich den Fokuswähler?

云罗郡主
Freigeben: 2018-11-19 11:22:03
nach vorne
5125 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit der Verwendung des Fokusselektors. Freunde in Not können sich darauf beziehen . hat geholfen.

Fokusselektor

: Der Fokusselektor wird verwendet, um den Stil anzugeben, der verwendet wird, wenn das „Formularelement“ den Cursorfokus erhält, hauptsächlich in einzeiligen Textfeldern und mehrzeiligen Textfeldern Textbereich und andere Formularelemente werden beim Fokussieren und Eingeben von Text verwendet.

Im Allgemeinen betrifft das Erhalten und Verlieren des Fokus die beiden Formularelemente einzeiliger Textfeldtext und mehrzeiliger Textfeldtextbereich.

Beispiel:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>CSS3 :focus选择器</title>
    <style type="text/css">
        input:focus
        {
            outline:1px solid red;
        }
    </style>
</head>
<body>
    <p><label for="name">姓名:</label><input type="text" name="name"/></p>
    <p><label for="email">邮箱:</label><input type="text" name="email"/></p>
</body>
</html>
Nach dem Login kopieren

Der Effekt ist wie folgt:

Wie verwende ich den Fokuswähler? Wie verwende ich den Fokuswähler?

Analyse:

Hier, wenn das Textfeld angezeigt wird Fokus: Verwenden Sie das Umrissattribut, um dem Textfeld einen roten Umriss hinzuzufügen. Der Effekt ist wie folgt:

Wie verwende ich den Fokuswähler? Wie verwende ich den Fokuswähler?

Das Obige ist eine vollständige Einführung in die Verwendung des Fokusselektors ? Wie verwende ich den Fokusselektor? Wenn Sie weitere CSS3-Tutorials erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.


Das obige ist der detaillierte Inhalt vonWie verwende ich den Fokuswähler? Wie verwende ich den Fokuswähler?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:lvyestudy.com
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