Quellcode der HTML-Einstellungen für die Benutzerregistrierungsseite

Quellcode der HTML-Einstellungen für die Benutzerregistrierungsseite

Bildbeschreibung hier einfügen

Gestalten Sie die oben gezeigte Webseite:

<!DOCTYPE html>
<html lang="de">

<Kopf>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
    <title>Dokument</title>

    <Stil>

            bilden{
                Breite: 800px;
                Höhe: 700px;
                Rand: 1px durchgehend rot;
                Rand: automatisch;
                Hintergrund: URL (Bilder/Baum.jpg) keine Wiederholung –40px 300px;
            }

            Form h3{
                Rand links: 200px;
            }

            P{
                Rand links: 200px;
            }

            hr{
                Rand links: 200px;
            }

             .a1{
                 Rand links: 85px;
             }

             .a2{
                Rand links: 110px;
            }


            Eingang,
            Textbereich
            {
            Hintergrund: URL (Bilder/Achtung.png) keine Wiederholung rechts;
            }

            Taste{
                Rand links: 200px;
                Hintergrund: rgb(81, 187, 125);
                Farbe: weiß;
            }

            span#as:hover input{
                Breite: 300px;
                Höhe: 40px;
            }

           
    </Stil>

</Kopf>

<Text>
        

        <Formularaktion="">
            <h3>Benutzerregistrierung:</h3>

            <hr>
            
            <p>Benutzer-Spitzname: <span class="a1" id="as"><input type="text" erforderlicher Platzhalter Autofokus></span> <hr></p>

            <p>Registrierungs-E-Mail: <span class="a1" id="as"><input type="email" required placeholder="[email protected]"></span><hr></p>

            <p>Passwort: <span class="a2" id="as"><input type="password" erforderlicher Platzhalter></span><hr></p>

            <p>Geschlecht:<span class="a2">Männlich<input type="radio" name="1" checked>
                Weiblich<input type="radio" name="1"> </span><hr>
             </p>

             <p>Alter: <span class="a2" id="as"><input type="number" name="number1" erforderlicher Platzhalter></span><hr></p>

             <p>Hobbys und Interessen:
                Fußball<input type="checkbox" name="1">
                Basketball<input type="checkbox" name="1">
                Schwimmen<input type="checkbox" name="1">
                Singen<input type="checkbox" name="1">
                Wird ausgeführt<input type="checkbox" name="1">
                Yoga<input type="checkbox" name="1">
             </span><hr></p>

            <p>Selbstvorstellung: <span class="a1"><textarea name="abcde" cols="30" rows="10" required placeholder>Bitte geben Sie Ihre Nachricht ein</textarea></span><hr> </p>

            <button type=submit>Jetzt registrieren</button>

             
            <div></div>



        </form>

</body>

</html>

Dies ist das Ende dieses Artikels über den Quellcode der Einstellungen der HTML-Benutzerregistrierungsseite. Weitere relevante Inhalte für die HTML-Benutzerregistrierungsseite finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

<<:  Ideen zum Erstellen von Welleneffekten mit CSS

>>:  Allgemeine Benennungsregeln für CSS-Klassen und IDs

Artikel empfehlen

Beispielcode zum Erstellen eines Admin-Dashboard-Layouts mit CSS und JavaScript

Was Sie erstellen werden In diesem neuen Tutorial...

Lösung für das MySQL Master-Slave-Verzögerungsproblem

Heute werden wir uns ansehen, warum es zu Master-...

Detaillierte Erläuterung der Dateisystemformate der EXT-Serie in Linux

Linux-Dateisystem In der Abbildung oben sind herk...

Docker-Bereinigungsumgebungsvorgang

Beginnen Sie vorsichtig mit der Reinigung! Auflis...

Detaillierte Erklärung der Ansichten in MySQL

Sicht: Ansichten in MySQL haben viele Ähnlichkeit...

Detailliertes Installationstutorial für MySQL 5.7 unter CentOS 6 und 7

Für die Entwicklung benötigen Sie immer Daten. Al...

Analyse des Hintergrundauthentifizierungsprozesses von Vue-Elementen

Vorwort: Kürzlich stieß ich in meinem Projekt auf...

Was ist ein MIME-TYP? MIME-Typen-Typensammlung

Was ist ein MIME-TYP? 1. Zunächst müssen wir verst...

Detaillierte Analyse der Parameterdatei my.cnf von MySQL in Ubuntu

Vorwort Aufgrund meines MySQL-Verständnisses denk...

ElementUI implementiert kaskadierenden Selektor

In diesem Artikelbeispiel wird der spezifische Co...

Ausführliches Tutorial zu Installations- und Upgradeproblemen bei MySQL 5.7.30

Keil Da auf dem Computer eine relativ alte MySQL-...

Details zum Vue Page Stack Manager

Inhaltsverzeichnis 2. Bewährte Methoden 2.1 Am Le...

Mehrere Elemente in derselben Zeile unter Div in CSS rechtsbündig ausrichten

Methode 1: schweben: rechts Darüber hinaus wird d...