Button-Definition

[Hera]

Guten Abend,
beide Varianten

  
<input type="submit" value="Senden">  
  
<button type="submit">Senden</button>  

funktionieren.
Welche Variante ist aber besser?
Ist eine davon "depreciated"?
Grüße
Hera

[Gunnar Bittersmann]

@@Hera:

nuqneH

<input type="submit" value="Senden">
<button type="submit">Senden</button>
Welche Variante ist aber besser?

Die zweite.

Zum einen unterscheidet sie semantisch zwischen Eingabefeldern (input) und Absendebuttons (button).

Zum anderen ist die Buttonbeschriftung dort, wo sie hingehört: im Elementinhalt, nicht in einem Attributwert. Was zur Folge hat, dass im Elementinhalt nicht nur Text, sondern auch Markup stehen darf. Bspw. ein Bild.

Ist eine davon "depreciated"?

Deprecated? Nein.

Qapla'

[dedlfix]

Tach!

beide Varianten

<input type="submit" value="Senden">
<button type="submit">Senden</button>

> funktionieren.  
  
Das kommt drauf an, was du unter funktionieren verstehst. Auch im IE6 konnte ein <button type=submit> ein Formular absenden, aber das was beim Server als value ankam, entsprach nicht der Norm. Schlimmer noch verhielt es sich, wenn mehrere solcher Buttons vorhanden waren. Wenn ich mich recht erinnere, war das auch im 7er IE noch nicht korrigiert, erst im 8er oder sogar 9er.  
  
  
dedlfix.

[MudGuard]

Hi,

Das kommt drauf an, was du unter funktionieren verstehst. Auch im IE6 konnte ein <button type=submit> ein Formular absenden, aber das was beim Server als value ankam, entsprach nicht der Norm.

Genauer: es wurde anstelle des value-Attributwerts der Inhalt des Buttons geschickt.
Und davon IIRC auch nicht den Original-Code aus dem Quelltext, sondern das, was der IE aus dem DOM wieder extrahiert hat.

cu,
Andreas