HTML programmieren Login / Weiterleitung?

Hallo, ich bin gerade meine Website per HTML und CSS am schreiben.
Nun möchte ich, dass eine gewisse Seite nur per Passworteingabe erreicht wird. Kein kompliziertes Login. Man soll einfach nur ein Wort eingeben müssen um weitergeleitet zu werden, wenn die Eingabe richtig ist. Wenn nicht bleibt man bei der aktuellen Ansicht.

Ich habe einiges ausprobiert, vor allem mit PHP, aber so gut wie jedes Php Tutorial war für meinen Fall unnötig kompliziert und funktioniere letztendlich nicht bei meiner Seite.

Gibt es einen einfach „if“ Befehl, der dann mit „a href“ zur nächsten Seite leitet, bei korrekter Text/Passwort Eingabe?

Oder sonst einen Code den ich anwenden kann?
Ich muss nur den Code zum Weiterleiten wissen, wie Textfeld usw eingesetzt wird weiß ich.

3 Antworten

ohwehohach

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren

09.03.2022, 20:01

HTML ist keine Programmiersprache, daher gibt es keine Befehle und somit auch keine Kontrollstrukturen. Du brauchst mindestens JavaScript für das, was du machen willst.

verreisterNutzer

09.03.2022, 20:00

Das kannst du mit PHP machen, hier ist alles dokumentiert. Dann musst du halt noch eine einfache weiterleitung einbauen und password abfrage und es sollte gehen.

1337j4x

09.03.2022, 20:03

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_login_form_modal

Enter password: <input id='password' type='text' />
<a href="http://....../" onclick="javascript:return validatePass()">Login</a>
<script>
function validatePass(){
   if(document.getElementById('password').value == 'Brython'){
       return true;
   }else{
       alert('wrong password!!');
       return false;
   }
}
</script>

verreisterNutzer

09.03.2022, 20:15

naja, da kurz die datei runterzuladen und das passwort herauszufinden is jz nich so schwer :/

Ähnliche Beiträge

Html css und php zusammen?

Hi ich bin dabei eine Seite zu erstellen und habe grade das login und registrations design mit Css und Html fertig gestellt. Nun bräuchte ich noch eine art system dahinter. Ich habe geschaut und denke man nutzt Php für dieses System mit Datenbank etc. Nun meine Frage: Kann ich ein Php login system mit meiner html css login seite kombinieren? oder ist das nicht möglich? Sorry wenn die Frage dumm ist :/

...zum Beitrag

Weiterleitung von einer HTML Login Seite?

Guten Abend,

ich habe eine HTML Webseite geschrieben und dazu auch eine Login Seite. Ich möchte ein Passwort festlegen also ohne Regierungsfunktion. Bei richtiger Eingabe soll man zu der Hauptseite weitergeleitet werden. Und wenn die Eingabe falsch ist soll eine Fehlermeldung erscheinen. Ich habe im Internet geguckt, wie man so etwas hinbekommen kann, aber nichts gefunden. Wichtig ist, dass ich keinen Script verwenden möchte. Also nur HTML und CSS. Hat da jemand eine Idee?

Das ist meine Loginseite

...zum Beitrag

PHP wird nicht ausgeführt / Html?

Ich wollte für meine kleine Website ein Login sowie ein automatisches-Mail-versenden programmieren und bin bei den meisten Tutorials auf PHP verwiesen worden. Ich habe mehrere PHP Dateien geschrieben und es kommt immer das selbe bei rum: Anstatt die PHP Datei im Hintergrund ausgeführt wird, wird mit dem Submit Button die „Textdatei“ angezeigt, also der Code von PHP. Und das obwohl ich alle Anleitungen genauestens gefolgt bin. Sowohl lokal als in Webform passiert dies.

„Action=php datei“ bringt mich zum Text.

wie kann man das Problem beheben?

...zum Beitrag

CMS mit LogIn Code und Tracking "out of the box"?

Hallo ich suche eine CMS welches eine LogIn Seite anzeigt und dann erst per Code Eingabe die Seite öffnet. Dabei soll der LogIn getrackt werden, es soll keine Community sein sondern nur eine Seite mit Statischen Inhalten, die aber möglichst einfach um neue LogIns ergänzt werden kann, Gibts da eine Out of the Box Lösung?

Danke und LG

...zum Beitrag

Warum wird die Seite neu geladen wenn ich etwas eingebe?

Hallo!

Ich bin nicht wirklich erfahren in PHP und lerne indem ich neue Dinge ausprobiere, kopiere, etc. Nun habe ich folgenden Code für eine Passworteingabe:

<?php
$passwort = "test";
if (isset($_POST["go"])) {
    if ($_POST["name"] == $passwort) {

    } else {

    }
} else {
    ?>
    <form class="webflow-style-input" method="post">
        <input class="popup_password" type="Password" required placeholder="Passwort eingeben" name="name">
        <input class="popup_submit" type="Submit" name="go" value=">">
    </form>
<?php } ?>

Wenn ich nun Text eingebe und ihn absende lädt die Seite neu. Weiß jemand wieso und wenn ja wie ich das abschalten kann?

...zum Beitrag

HTML und CSS login daten abrufen?

Hallo ertmal!

Ich habe mal so recherchiert und habe eine Gratis Login und Register Template bekommen. Jetzt will ich aber dass mir die login daten aufs mail geschickt werden, damit ich weiss wer sich da registriert. Den HTML code kann ich nachher noch sagen!

Und bitte macht es nicht zu kompliziert, ich bin erst seit 7 Tagen am programmieren! Am besten ein Video, eine Schritt für Schritt Anleitung oder den code😀

wäre nett wenn ihr antworten würdet😁

...zum Beitrag

Javascript Ajax Php kein Wert?

Console:

HTML javascript Code ajax:

function send(text){
   console.log("Text kurz vor versenden:\n" +text);
//hier hat er noch einen wert
   $.ajax({
     method: "POST",
     url: "DataSender.php",
     data: { text: text}
   }).done(function( response ) {
       console.log(response);
     console.log("weiterleitung

Php Code Ajax Übertragung wo es nicht geht:

      $text = $_POST['text'];
      $sql = "INSERT INTO `Xss-Data` (`ID`,`DATA`, `created_at`) VALUES (null, '{$text}' , CURRENT_TIMESTAMP)";

      if (empty($text)) {
              //das ist empty!
              echo("Error:\nEs ist leer\nText wäre\n$text");
          } else

Sind die wichtigen Code snippets

Der String hat keinen Wert. Warum? Wie löst man das?

...zum Beitrag

Warum wirft htmlspecialchars einen Syntaxfehler in meinem PHP-Webshop-Code?

<?php
include 'db.php';

$query = "SELECT * FROM products";
$result = $conn->query($query);
?>

<!DOCTYPE html>
<html>
<head>
    <title>Webshop</title>
    <style>
        /* Basic styling for the body */
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f9;
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* Styling for the main heading */
        h1 {
            color: #333;
            margin-bottom: 20px;
        }

        /* Container for all products */
        .products-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
        }

        /* Individual product card */
        .product-card {
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            width: 200px;
            text-align: center;
            padding: 15px;
            transition: transform 0.2s;
        }

        .product-card:hover {
            transform: scale(1.05);
        }

        /* Styling for the product image */
        .product-card img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            transition: opacity 0.2s;
        }

        .product-card img:hover {
            opacity: 0.8;
        }

        /* Styling for product name */
        .product-card h2 {
            font-size: 1.2em;
            color: #333;
            margin: 10px 0;
        }

        /* Styling for product description and price */
        .product-card p {
            color: #666;
            font-size: 0.9em;
            margin: 5px 0;
        }

        .product-card .price {
            font-weight: bold;
            color: #2a9d8f;
        }

        /* Link styling */
        a {
            text-decoration: none;
            color: inherit;
        }
    </style>
</head>
<body>
    <h1>Products</h1>
    <div class="products-container">
        <?php while ($product = $result->fetch_assoc()): ?>
            <div class="product-card">
                <a href="product.php?id_product=<?= htmlspecialchars( $product['id_product']) ?>">
                    <h2><?= htmlspecialchars( $product['produktname']) ?></h2>
                    <!-- Make the image clickable to open the product details page -->
                    <img src="<?= htmlspecialchars($product['image_url']) ?>" alt="<?= htmlspecialchars($product['produktname']) ?>">
              
                <p><?= htmlspecialchars($product['produktbeschreibung']) ?></p>
                <p class="price">Price: €<?= htmlspecialchars($product['preis_pro_prod']) ?></p>
                  </a>
            </div>
        <?php endwhile; ?>
    </div>
</body>
</html>

...zum Beitrag

Sternebwertung HTML/CSS/PHP?

Hallo, meine Fräge ist, wie ich auf einer Webseite eine schöne Sternebwertung machen kann und diese dann in einem Google Docs Dokument auslesen kann. Ich habe derzeit nur textfelder auf meiner seite. Ich kann den Inhalt der TExtfelder auch mittels PHP weiterleiten und auf einer anderen Seite auslesen. Mein ZIel wäre es aber, dass an stelle der Textfelder eine Sternebewertung von 1-5 wäre und ich die Bewertung in einem Google Docs Dokument Anzeigen lassen kann.
Ich hoffe mir kann jemand weiterhelfen.

mfg
David

...zum Beitrag

login system geht nicht?

Hi ich habe ein sign up und login system für eine website mithilfe von xamp, mysqli und php gebaut, dass signup system mit error messages und allem funktioniert auch, aber das login system nicht. Wenn ich mich versuche einzuloggen passiert nichts und wenn ich absichtlich falsche login daten eingebe passiert ebenfalls nichts. Ich weiß nicht woran das liegt und bräuchte echt hilfe. Wenn jemand meinen Code braucht einfach bescheid sagen :/

...zum Beitrag

Wie kann ich bei hPage PHP in HTML eingeben?

Hallo

In meiner Website auf hPage möchte ich im HTML-Code PHP-Sachen einfügen.

Der HTML-Editor meckert allerdings.

Muss ich die Seite mit einer PHP-Endung abspeichern?

Wenn ja, wie mache ich das?

...zum Beitrag

HTML code geht Button nicht?

Ich hab gerade ein Login feld mit HTML und ich will nachdem man weiter gedrückt hat das das fenster weg geht, wie kann ich das coden?

...zum Beitrag

PHP - alles in einen großen PHP Befehl packen?

Heya!

Einmal noch ne "kleine" Frage zu PHP.

Ich soll meine Nav so umschreiben, dass es komplett in einem großen PHP "Container" ist und nicht html kommt, php, dann wieder html, wieder php

Habs bisschen mittels echo probiert aber anscheinend ist das nicht komplett zielführend wie ich das dachte

Der Code:

<ul class="nav">
    <li><a class="navtext <?php echo ($page == 'home.php') ? "active":"" ?>"
            href="index.php?page=home&amp;lang=<?php echo $langKey; ?>">
        <?php echo $lang['MENU_HOME']; ?>        
    </a></li>
    
    <li><a class="navtext <?php echo ($page == 'ueberuns.php') ? "active":"" ?>"
              href="index.php?page=ueberuns&amp;lang=<?php echo $langKey; ?>">
        <?php echo $lang['MENU_ABOUT_US']; ?>
    </a></li>
    
    <li><a class="navtext <?php echo ($page == 'karriere.php') ? "active":"" ?>"
           href="index.php?page=karriere&amp;lang=<?php echo $langKey; ?>">
        <?php echo $lang['MENU_CARRER']; ?>    
    </a></li>
    
    <li><a class="navtext <?php echo ($page == 'blog.php') ? "active":"" ?>"
           href="index.php?page=blog&amp;lang=<?php echo $langKey; ?>">
        <?php echo $lang['MENU_BLOG']; ?>        
    </a></li>
    
    <li><a class="navtext <?php echo ($page == 'kontakt.php') ? "active":"" ?>"
           href="index.php?page=kontakt&amp;lang=<?php echo $langKey; ?>">
        <?php echo $lang['MENU_CONTACT']; ?>    
    </a></li>
    
    <li><a class="navtext <?php echo ($page == 'team.php') ? "active":"" ?>"
           href="index.php?page=team&amp;lang=<?php echo $langKey; ?>">
        <?php echo $lang['MENU_TEAM']; ?>        
        </a></li>
</ul>

...zum Beitrag

JavaScript Texfeld leeren?

Ich habe folgendes Textfeld.

<input type="text" id="eingabe" placeholder="" value="">

Ich habe dazu in JavaScript in eine Funktion geschrieben die ausgeführt werden soll, wenn ein Button gedrückt wird. In dieser existieren folgende Zeilen Code.

document.getElementById("eingabe").setAttribute("value", "");
      document.getElementById("eingabe").setAttribute("placeholder", "Richtig");

Damit möchte ich erreichen, dass der Inhalt des Textfeldes geleert wird und in dem Textfeld im Hintergrund das Wort Richtig steht.

Jedoch wird das Textfeld nicht geleert.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen