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