Service Tipps HTML CSS JavaScript PHP MySQL Webdesign Linkliste SiteMap

Type Passwort:

<input type="password" value="Mein Name ist Hase" size="22">

 

Type File:

 <input type="file" size=35>

Weitere Optionen:
maxlength = die dahinter notierte Zahl als maximal erlaubte Dateigröße in Bytes.
accept = die erlaubten Dateitypen eingrenzen.
Beispiel:

<input type="file" size=35 maxlength=1000 accept="*.txt,*.html,*.htm">

 

Type Versteckt (hidden):

 <input type="hidden" value="Gesendet von Seite 22">

Wird beim Senden mit übertragen.

 

Type Radio (Radiobuttons):

 <input type="radio" name="ja">

Beispiel:

 <input type="radio" name="ja" checked value="Eins"> Eins   

 <input type="radio" name="ja" value="Zwei"> Zwei

 <input type="radio" name="nein" checked value="Drei" disabled> Drei

Eins   Zwei   Drei

Sie können hier den Radiobutton "Eins" oder "Zwei" auswählen

checked = Auswahl wird vorselektiert
value = Auswahl wird beim Senden mit übertragen.
disabled = Auswahl nicht änderbar.

 

Type Checkbox:

Beispiel:

 <input type="checkbox" name="n1" value="Auto"> Auto   

 <input type="checkbox" name="n2" value="Haus"> Haus   

 <input type="checkbox" name="n3" value="Computer" checked> Computer

 <input type="checkbox" name="n4" value="Geld" checked disabled> Geld

Was möchten Sie?:  Auto   Haus   Computer   Geld

Sie können hier mehrere Checkboxen oder keine vorselektieren.

checked = Auswahl wird vorselektiert.
value = Auswahl wird beim Senden mit übertragen.

 

Input Name:

 <input type="text" name="eins">

 <input type="button" name="zwei" value="Los">

Der Name sollte nicht zu lang sein und darf keine Leerzeichen und keine deutschen Umlaute enthalten.

 

Verschiedene Input-Tags am Beispiel: "Senden einer eMail"

 <form action="mailto:xxx@xyz.de?subject='Eine Nachricht'" 
  method="post" enctype="text/plain">

   Ihr Name: 

  <input type="text" value="Rainer Zufall" size=25 name="Name" maxlength=20> <br><br>

   Ihre Email: 

  <input type="text" value="@" size=20 name="Email"> <br><br> Geschlecht:

  <input type="radio" name="Geschlecht" checked value="Mann"> Mann    

  <input type="radio" name="Geschlecht" value="Frau"> Frau <br><br>

   Was möchten Sie ?:

  <input type="checkbox" name="Frage" value="Auto"> Auto   

  <input type="checkbox" name="Frage" value="Haus"> Haus   

  <input type="checkbox" name="Frage" value="Computer" checked> Computer <br><br>

   Welche Farbe ?

  <select name="Farbe" size=1>

   <option value="Rot"> Rot

   <option value="Gruen"> Grün

   <option value="Blau"> Blau

  </select> <br><br>

  <textarea rows=4 cols=20> Eine Nachricht </textarea>

  <input type="hidden" value="Gesendet von Seite 22"> <br><br>

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

  <input type="reset" value="Löschen">

 </form>

Ihr Name:

Ihre Email:

Geschlecht: Mann   Frau

Was möchten Sie ?: Auto Haus Computer

Welche Farbe ? Rot Grün Blau

Eine Nachricht

 

 Das könnte Sie interessieren:
Bildschutz (2)  Farbverlauf (Farbtabelle) - Für das Design einer Webseite ist die Farbwahl ausschlaggebend. Abhängig vom Thema der Homepage oder vom Logo verwenden Sie Farben am besten in Farbabstufungen.  Verzeichnis (Ordner) verlinken!  Image Maps - Verweis-sensitive Grafiken sind Grafiken, in denen der Anwender mit der Maus auf ein Detail klicken kann. Daraufhin wird ein Verweis ausgeführt.  Schriftarten  Beispiele für Farbkombinationen  Linie zwischen Bild und Link entfernen - Bild und Text wird in einem Link eingebunden. Dazwischen entsteht aber eine hässliche Linie. So einfach können Sie diese entfernen...  Farbnamen, Hexadezimal, Dezimal, Prozent, Negativ und mit einem Farbbeispiel.  Kommentare - Ein HTML- oder JavaScript-Quelltext, der zum Beispiel mit Leerzeilen und Einrückungen übersichtlich aufgebaut ist und an entscheidenden Stellen Umbrüche und Kommentare aufweist, ist deutlich leichter zu pflegen.  Image-Toolbar - Neu im Internet Explorer 6 ist die Image Toolbar. Sie erscheint automatisch, sobald der Mauszeiger auf einer Grafik größer als 130*130 Pixel ruht. Über die angebotenen Icons kann die jeweilige Grafik abgespeichert, gedruckt oder per Email verschickt werden. So lässt sich die Image Toolbar abschalten  Regenbogenfarben  Bilder nebeneinander stellen - Mit Hilfe einer HTML-Tabelle können Sie sehr einfach Bilder nebeneinander oder untereinander stellen.  Frameset Vorlagen (3)  Automatische Texteingabe - Automatische Texteingabe (autocomplete) in Formularfeldern verhindern oder erlauben.  Checkboxen selektieren  Schriftattribute  …mehr