Günter Lintzmeyer: HTLM - NEWCOMER

Hallo ich bin ein HTML-Newcomer und bräuchte bitte einen guten Rat...

im unten beigefügten Beispiel möchte ich, dass die eingegebene Nummer im Feld Lok1 (input...) nach der Eingabe (ENTER-Taste !!!) neben dem Text "Lok_Nr: - also im Feld Lok2 (output... value = Lok1) sichtbar bleibt bis eine neue Eingabe erfolgt.

Geht das mit HTLM-Mitteln... ? oder muss ich das im Rahmen von JaveScript erledigen.

vielen Dank im Voraus für eine Hilfestellung

Günter

<html>
<head>
    <title>MoBaSbS</title>
</head>
<body>

<h1>HDC Lokdaten ausgeben</h1>
<main>
	<form>
		<label for="Lok1">Lok:
			<input id="Lok1" type="number" name = "Lok1" max="254" step="1" > </label>
		<label>Lok_Nr:
			<output id="Lok2" value = "Lok1" </output> 
		</label>
		
	</form>
	
<style>
label,
button {
	display: block;
	margin: 2em;
}

input {
	width: 3.5em;
	
}
output {
	width: 3.5em;
	
}
</style>
  1. Hallo Günter,

    im unten beigefügten Beispiel möchte ich, dass die eingegebene Nummer im Feld Lok1 (input...) nach der Eingabe (ENTER-Taste !!!) neben dem Text "Lok_Nr: - also im Feld Lok2 (output... value = Lok1) sichtbar bleibt bis eine neue Eingabe erfolgt.

    Geht das mit HTLM-Mitteln... ? oder muss ich das im Rahmen von JaveScript erledigen.

    meines Wissens nach geht das im Browser nur mit Javascript, sonst müsstest du den Umweg über eine serverseitige Technik nehmen.

    Dein Beispiel verwendet zwar HTML-Elemente, es fehlen aber noch einige Angaben, um daraus ein HTML-Dokument zu machen. Siehe z.B. hier. Die CSS-Angaben müssen im Head-Bleich stehen.

    Gruß
    Jürgen

  2. Hallo Günter,

    vielleicht ist es nur beim Kopieren durchgegangen: <main> solltest Du schließen...

    Ich sehe das wie Jürgen; eine HTML Seite ist eine Benutzeroberfläche (oder Benutzungsoberfläche, wenn man es ganz genau nimmt :)) und nur ausnahmsweise ein eigenständiges Ding. Ein Form schickt bei ENTER die Daten als POST Request zum Server, wo es irgendeine Instanz geben muss (PHP, Perl, ASP.NET, sonstwas), die den POST verarbeitet und daraus eine neue HTML Seite als Antwort erzeugt.

    An dieser Stelle musst Du ansetzen und die Antwort so aufbereiten, dass die Felder die gewünschten Werte enthalten. Wenn es ohne Server gehen soll, musst Du es mit Javascript machen und entweder auf den Form-Submit reagieren oder auf das Verlassen des Lok1-Input.

    Gruß Rolf

    1. Hallo

      ...ich hatte es befürchtet; aber totzdem vielen Dank für die Antworten.

      Jetzt werde ich mich halt auch noch in Javascript einarbeiten

      welches Tutorial ist empfehlenswert ?? Gruß Günter

      1. Moin,

        Jetzt werde ich mich halt auch noch in Javascript einarbeiten

        welches Tutorial ist empfehlenswert ??

        Wie wäre es denn mit SELFHTML, wenn du schon hier fragst ;)

        Viele Grüße
        Robert