Ich versuche einen Bereich zu erstellen, in dem Sie Text in ein Textfeld eingeben können und den geschriebenen Text oben in einem Feld in HTML anzeigen können. Ich bin sehr neu in HTML, so dass jede Hilfe sehr geschätzt wird. Ich zeichnete ein schönes Bild von dem, was ich versuche zu machen. Wie zeige ich den Text oben an, nachdem ich ihn in ein Textfeld gesendet habe HTML
0
A
Antwort
0
Der beste Weg, um mit dieser Situation umzugehen ist, Javascript oder jQuery verwenden, die Bibliothek selbst ist Javascript ist. Lassen Sie mich Ihnen zeigen, wie Sie es in jQuery
tun sollten
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>
\t $(document).ready(function(){
\t $("#form-to-be-submitted").click(function(){
\t $(".whatever-styling-you-want").html($("#textBox").val());
});
});
\t
</script>
<div class="whatever-styling-you-want">
</div>
<!-- Your text box and submit button -->
<div>
<input type="text" id="textBox" placeholder="Please input your text here..."/>
<input id="form-to-be-submitted" value="submit" type="button"/>
</div>
Javascript Weg ist auch die gleiche. Es ist nicht nötig, die Klick-Funktion zu verwenden, sondern die javascript's on-Funktion mit dem 'click'-Ereignis zu verwenden. Ich hoffe, das hilft.
-2
<!DOCTYPE HTML>
<html>
<head>
<style>
</style>
</head>
<body>
<p id="x"></p><br>
<input id="value"><input type="button" value="submit" onClick="getV()">
<script>
function getV(){document.getElementById("x").innerHTML = document.getElementById("value").value;}
</script>
</html>
Verwandte Themen
- 1. Wie kann ich den Inhalt einer "ComboBox" löschen, nachdem ich ein Formular gesendet habe
- 2. Wie bekomme ich den aktuellen Verzeichnisnamen und zeige ihn auf der html Seite mit node.js an
- 3. Nachdem ich Text an ein Textfeld mit Selen gesendet habe, wie speichere ich diesen Text als Variable (String) und drucke das dann auf Konsole
- 4. Warum muss ich die Baudrate ändern, nachdem ich einen Reset an den ESP8266 gesendet habe?
- 5. Wie kann ich in WPF den Tastendruck abbrechen, nachdem ich ihn mit PreviewKeyDown verarbeitet habe?
- 6. Wie füge ich Text in ein Textfeld ein, nachdem ich ein weiteres Fenster geöffnet habe, um Informationen anzufordern?
- 7. Wie zeige ich eine Warnung an, nachdem ich die Seite in JavaScript neu geladen habe?
- 8. Libgdx Wie zeige ich Text an?
- 9. Wie kann ich auf eine andere Seite umleiten, nachdem ich Daten an meine Datenbank gesendet habe?
- 10. Wie erhalte ich den neuen Farbwert von Input Color, nachdem ich ihn ausgewählt habe?
- 11. Kann ich den Speicher löschen, nachdem ich den Puffer mit winsoc gesendet habe?
- 12. Wenn ich einen Modal Dialog in Xamarin Forms zeige, wie zeige ich den 'BackButtonText' an und setze ihn?
- 13. Wie ändere ich die Farbe eines Textes, nachdem ich ihn mit jquery angeklickt habe?
- 14. mongoose.find() passiert nachdem ich eine Antwort an den Client gesendet habe
- 15. Wie setze ich einen Socket zurück in den blockierenden Modus (nachdem ich ihn in den nicht blockierenden Modus gesetzt habe)?
- 16. Wie zeige ich Anführungszeichen in reiner Text-E-Mail an, nachdem sie in php bereinigt wurden?
- 17. Lassen Sie den Text verschwinden, nachdem ich den Mauszeiger darüber bewegt habe
- 18. Wie kann ich den eingegebenen Text in ein HTML-Textfeld wie Währung formatieren?
- 19. Wird ein deaktiviertes Textfeld gesendet, wenn ein Formular an den POST gesendet wird?
- 20. Druckkonsolenbefehl genau, wie ich ihn eingegeben habe
- 21. Wie zeige ich Text in einem GridLayout an?
- 22. Wie analysiere ich eine HTML-Seite, nachdem ich darauf gewartet habe, dass JS den Inhalt lädt?
- 23. Wie zeige ich eine pgm/ppm-Datei in HTML an?
- 24. Wie zeige ich IP als Text in HTML mit JS?
- 25. Wie nehme ich den Wert von ttk.Entry und zeige ihn in einer Messagebox an?
- 26. Wie ändere ich den Text automatisch, um ihn an ein PyGTK-Etikett fester Größe anzupassen?
- 27. Wie zeige ich Numpad auf Libgdx Textfeld an?
- 28. ListView-Text wird abgeschnitten - wie zeige ich den gesamten Text eines Elements an?
- 29. In Grails, wie zeige ich Validierungsfehlermeldungen neben den Feldern an?
- 30. Wie zeige ich den Text in Dateien an, wenn ich auf sie in meiner JList klicke?
Sie wollten wissen, warum Ihre Antworten abgelehnt werden, dann lesen Sie bitte [Wie schreibe ich eine gute Antwort?] (Http://stackoverflow.com/help/how-to-answer), bevor Sie versuchen, weitere Fragen zu beantworten . –
Ich stimme zu, dass Sie den Link lesen müssen, den ich im Kommentar gepostet habe, er erklärt sehr deutlich, warum dies eine minderwertige Antwort ist. –
ein BLOB Code ohne Erklärung, warum es keine gute Antwort gibt, war nie, wird es nie sein. –