Announcement

**Efchen** · 26.10.2010, 06:55

Moin,

mal abgesehen davon, dass das keine HTML-Frage ist und im JavaScript-Forum besser aufgehoben gewesen w�re, kommt es ja auch darauf an, welches Element im Browser aktiv ist. Wenn der Focus auf der Adresszeile liegt, wird nat�rlich die Seite neu geladen. Wenn der Focus auf dem Button ist, dann f�hrt er das auch aus.

Dein Problem ist, dass Du glaubst, dass ein RETURN Deinen Button bet�tigt. Aber dem ist nicht so, und das war auch noch nie so. Ein RETURN in einem Eingabefeld schickt das dazugeh�rige Formular ab. Und da Du keine action angegeben hast (was, wenn wir hier schon im HTML-Forum sind, fehlerhaftes HTML ist

), dann wird die aktuelle Seite neu geladen.

Vielleicht willst Du aus Deinem Button ja lieber ein Eingabefeld vom Typ "submit" machen und den Event-Handler onsubmit benutzen, um Deine Aktionen auszuf�hren.

Liebe Gr��e,
-Efchen

**Christian Marquardt** · 26.10.2010, 06:57

Bei Enter passiert das richtige, n�mlich das Absenden des Formulars.

Aber erg�nze das Javascript wie folgt:

Code:

<html>
<head>
<script type="text/javascript">
function berechnung()
{
name = document.forms[0].name.value;
document.getElementById("ergebnis").innerHTML= name;
}


function tastatur()
{
var taste = event.keyCode
if (taste == 13)
    {
    document.getElementById("ergebnis").innerHTML=document.getElementById("name").value;
    return false;
    }
return true;
}
document.onkeydown = tastatur;

</script>
</head>
<body>
<form>
Name: <input id="name" type="text" size="20">
<input type="button" onclick="berechnung()"  value="Los">
</form>
<p id ="ergebnis">
...
</p>
</body>
</html>

**nelson** · 26.10.2010, 18:45

Hallo, danke f�r die schnellen Antworten!

Christian,
deine JavaScript-Funktion funktioniert sehr gut.

Efchen,
beim Validieren vermisst das W3C das action-Attribut nicht. Gibt es denn eine Alternative zum Formular?

**Efchen** · 27.10.2010, 08:10

Originally posted by nelson View Post

beim Validieren vermisst das W3C das action-Attribut nicht. Gibt es denn eine Alternative zum Formular?

Das glaube ich nicht, dass das Attribut nicht vermisst wird, Dein Code hat nichtmal einen Doctype und kann daher gar nicht validiert werden. In einer Strict-Variante ist das Attribut Pflicht, eine Transitional-Variante benutzt man ja nur, um alte Websites aus dem letzten Jahrtausend auf neusten Stand zu bringen. Denn "Transitional" hei�t ja "�bergang~".

Eine Alternative zum Formular? Das kommt darauf an, was Du mit Deinem Inhalt aussagen willst! Ein Formular definiert eine Eingabem�glichkeit f�r Benutzer. Daten werden eingegeben, diese dann an ein Ziel weitergeleitet, um dort verarbeitet zu werden. HTML ist Semantik, also kommt es hier nur darauf an, was Dein Inhalt bedeuten soll. Im Moment macht Dein Code ja noch nicht wirklich was.
Wiederum, wer ein Eingabefeld hat, der braucht auch ein Formular.

**nelson** · 27.10.2010, 20:07

Hi Efchen,

vor dem Validieren hatte ich ein HTML5-Doctype hinzugef�gt, vielleicht lag es daran.

Jetzt habe ich input-Elemente einfach ohne das Elternelement form eingef�gt, w�re dass denn erlaubt?

Nichtsdestotrotz funktioniert die Benutzereingabe auf meiner erstellten Seite wie gew�nscht:
http://www.florianlippold.gmxhome.de...vergleich.html

(P.S.: die Funktion tastatur() habe ich wieder entfernt)

**Christian Marquardt** · 27.10.2010, 20:11

Formularelemente ohne FORM sollte es nicht geben...schon allein aus dem Grund, das du die Eingaben ja irgendwie an den Server senden willst

**Falk Pr�fer** · 28.10.2010, 08:35

Hallo,

Originally posted by Christian Marquardt View Post

Formularelemente ohne FORM sollte es nicht geben...schon allein aus dem Grund, das du die Eingaben ja irgendwie an den Server senden willst

Trotz allem ist es nach HTML-Standard nicht zwingend. Input-Elemente d�rfen innerhalb aller Block- und Inline-Elemente (au�er button und body) notiert werden. Das ist auch sinnvoll, da Daten nicht immer nur �ber das klassische Formular verarbeitet werden, sondern eben auch lokal �ber JS.

Gru� Falk

Announcement

DHTML - Entertaste nimmt Button nicht an

DHTML - Entertaste nimmt Button nicht an

Comment

Comment

Comment

Comment

Comment

Comment

Comment