submit-button auf der html-Ausgabe führen auf dieselbe Seite

Obwohl dies scheint wie etwas, das sehr basic, aber egal was ich auch versuchte, ich konnte nicht meinen Kopf um ihn herum. Im Grunde möchte ich ein html-Formular, wo ein Benutzer Ihre ID-Nummer in einem input-text-Feld und wenn Sie auf den submit-button zeigt es Ihre E-Mail-Adresse ist Ihre Firma ID number @ company.com wie unten

<form action=""> ID Number: <input
type="text" name="idnumber" /><br/>
<input type="submit" value="Whats my
email address" /> </form> <p>Your
email address is
'idnumber'@email.com</p>

Kann dies sogar mit html oder brauche ich, um Javascript oder PHP?

Dank

HTML 5 könnte in der Lage sein, dies zu tun, aber sonst braucht man Javascript oder PHP dafür...
können Sie mir helfen, es zu tun mit javascript oder PHP dann bitte? werden die Ergebnisse ausgegeben wird auf der gleichen Seite? Dank
Sie müssen die method Attribut des form tag: <form action="#" method="post"> (oder method="get").
Den HTML-Code in HTML5 kann das nicht tun, und das ist gut so, wie es ist definitiv ein Verhalten.
HTML5 kann speichern von lokalen Daten (client-side) und dann benutzen Sie/anzuzeigen, dass die Daten, also sollte es möglich sein. Überprüfen Sie auch dieser

InformationsquelleAutor amateur | 2011-03-09

  1. 6

    JavaScript

    HTML -

    ID Number: <input
type="text" name="idnumber" id="idnumber" /><br/>
<p>Your
email address is
<span id="emailid"></span>@email.com</p>

    JavaScript

    var input = document.getElementById('idnumber'),
    placeholder = document.getElementById('emailid');

input.onkeyup = function() {
   placeholder.innerHTML = input.value
}

    jsFiddle.

    Werden Sie sicher zu befestigen, um window.onload oder ein DOM-ready-event.

    Diese version wird update key - wenn Sie möchten, verwenden Sie die Schaltfläche, auf die Schaltfläche und verwenden Sie das Ereignis onclick.

    PHP

    HTML - /PHP -

    <form action="?" method="get"> ID Number: <input
type="text" name="idnumber" /><br/>
<input type="submit" value="Whats my
email address" /> </form> <p>Your
email address is
<?php echo isset($_GET['idnumber']) ? htmlspecialchars($_GET['idnumber']) : ''; ?>@email.com</p>

    Könnten Sie hier POSTEN, aber BEKOMMEN wird klarer sein, als ein Anfänger (und erfrischend nicht aufrufen, der browser ist Senden Sie das Formular erneut Dialog).

    Wenn mit der POST, sollten Sie wirklich Folgen Post/Redirect/Get (Wikipedia-URL ist schrecklichen). Außer in diesem Fall müssen Sie einen Wert zu bestehen, die Sie verwenden, Cookies, session oder GET-param, einfacher zu bedienen, aus der sich gehen 🙂

    Verwendet habe ich das HTML/PHP-Methode, aber es ist nicht ganz richtig, obwohl, live auf pixeldots.co.uk
    Sie haben ein paar Probleme gibt, nämlich die PHP-ist wörtlich zu nehmen - sind Sie mit dem hinzufügen dieser zu einem CMS? Es muss ausgeführt werden, wie PHP, so können Sie nicht nur als text gespeichert und dann gerendert als text. Auch ich aktualisierte den code, so sollten Sie diese verwenden. Wenn Sie nicht bekommen kann um das CMS Einschränkung, verwenden Sie die JavaScript-version.
    Vielen Dank, ja ich bin mit einem CMS, WordPress, mit javascript-kann ich nur einbetten in die html-Seite oder muss es werden extern gespeichert?
    Sie einbetten zu können, aber möglicherweise müssen Sie mit code anzeigen. Es ist die beste Praxis jedoch halten Sie JavaScript in externen Dateien.

    InformationsquelleAutor alex

  2. 0

    php oder javascript wird Ihnen helfen.

    <html>
<body>

<form action="welcome.php" method="post">
Name: <input type="text" name="name"><br>
E-mail: <input type="text" name="email" id="email"><br>
<input type="submit">
</form>

<div>
Welcome <?php echo $_GET["name"]; ?><br>
Your email address is: <?php echo $_GET["email"]; ?>
</div>
<p id="output"></p>

</body>
</html>

    Mit JavaScript füge diesen code in deine html/php-Skript

    <script>
function getIndex() {
document.getElementById("output").innerHTML =
document.getElementById("email").selectedIndex;
}
</script>

    InformationsquelleAutor Dulan

Schreibe einen Kommentar