Auf Thema antworten

Beitrag

[QUOTE="Sempervivum, post: 12385, member: 3917"]
Was Du da gepostet hast, ist schon HTML aber es fehlt noch einiges. Dies müsste deine Aufgabe erfüllen:
[CODE]<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meldungsnummern-Eingabe</title>
    <style>
        #meldungsnr-input {
            border: 2px solid black;
            outline: none;
        }

/* Ist die Eingabe ungueltig machen wir den Rahmen rot: */
        #meldungsnr-input:invalid {
            border: 2px solid red;
        }
    </style>
</head>

<body>
    <label>
        Bitte Meldungsnummer eingeben:
        
        <input id="meldungsnr-input" required pattern="\d+">
    </label>
    <script>
        const url = 'https://die-url-vor-meldungsnummer';
        // Eventlistener fuer "change" registrieren, dieser feuert
        // wenn die Enter-Taste im Eingabefeld gedrueckt wurde:
        document.getElementById('meldungsnr-input').addEventListener('change', event => {
            // Pruefen ob die Eingabe gueltig ist, d. h. numerisch:
            if (event.target.validity.valid) {
                // Meldungsnummer aus dem Eingabefeld holen
                // Sicherheitshalber entfernen wir fuehrende und folgende
                // Leerzeichen durch Aufruf von trim:
                const meldungsnr = event.target.value.trim(),
                    // vollstaendige URL zusammen bauen:
                    urlComplete = url + meldungsnr + '.de';
                // und aufrufen:
                location.href = urlComplete;
            }
        });
    </script>
</body>

</html>[/CODE]
[/QUOTE]

Authentifizierung