Parameterliste

  Daten


  Anordnung


  Eingabe-Alternativen


  Formatierung der Eingaben

  Gestaltung der Eingabefelder
  Bewertung

  Fragenhintergrund bei Erstaufruf und Nicht-Erstaufruf


  Hilfeleistung


  Abbruch ohne Testauswertung ermöglichen


  Originalzustand bei Testbeginn wiederherstellen


  Warnung vor bislang fehlender Bearbeitung in Radiobutton-Fragen

  Direktsprung zu bestimmter Aufgabe

  Abgabe nur bei letzter oder bei jeder Aufgabe

  Do-It-Yourself-Gesaltung mit Inline-CSS
  Außenabstand Rahmen-umhüllende Tabelle
    einheitlich (1-4 Parameter)
  • <M=...> =Margin

  • einzeln (je 1 Parameter)
  • <MT=...> = Margin Top
  • <MR=...> = Margin Right
  • <MB=...> = Margin Bottom
  • <ML=...> = Margin Left

  Innenabstand Rahmen-Text
    einheitlich (1-4 Parameter)
  • <P=...> = Padding

  • einzeln (je 1 Parameter)
  • <PT=...> = Padding Top
  • <PR=...> = Padding Right
  • <PB=...> = Padding Bottom
  • <PL=...> = Padding Left

  Rahmen
    einheitlich (1-3 Parameter)
  • <B=...> = Border

  • Rahmenfarbe,Rahmenstil und Rahmenbreite
    (je 1-4 Parameter)
  • <BC=...> = Border Color
  • <BS=...> = Border Style
  • <BW=...> = Border Width

  • Eigenschaften von oberem, rechtem, unterem und linkem Rahmen
    (je 1-3 Parameter)
  • <BT=...> = Border Top
  • <BR=...> = Border Right
  • <BB=...> = Border Bottom
  • <BL=...> = Border Left

  • Dicke der einzelnen Rahmen
    (je 1 Parameter)
  • <BTW=...> = Border Top Width
  • <BRW=...> = Border Right Width
  • <BBW=...> = Border Bottom Width
  • <BLW=...> = Border Left Width

  • Stil der einzelnen Rahmen
    (je 1 Parameter)
  • <BTS=...> = Border Top Style
  • <BRS=...> = Border Right Style
  • <BBS=...> = Border Bottom Style
  • <BLS=...> = Border Left Style

  • Farbe der einzelnen Rahmen
    (je 1 Parameter)
  • <BTC=...> = Border Top Color
  • <BRC=...> = Border Right Color
  • <BBC=...> = Border Bottom Color
  • <BLC=...> = Border Left Color

STANDARD

<STANDARD=1>
<STANDARD=text>
<STANDARD=;text1;text2;>

erlaubt die Vorbelegung von Antworten, wenn die Frage zum ersten Mal angezeigt wird. Alle Fragetypen werden unterstützt.
Zweck: Es wird ein Lösungsvorschlag gemacht oder das langwierige Eintippen längerer Texte bleibt dem User erspart.
Einige HTML-Zeichen müssen dabei anders dargestellt werden:
> als &gt;
< als &lt;
& als &amp;
" als &#34;
' als &#39;
\ als \\
Die Parameter sind in die Felder für die Antwortobjekte einzutragen.

a) <STANDARD=1> eignet sich zur Vorbelegung von Kontrollkästchen, Radiobuttons, Klick-Buttons und Klick-Images
b) <STANDARD=text> eignet sich zur Vorbelegung von Textfeldern, Dropdownlisten und mehrzeiligen Monoselect-Listenfeldern mit text
    Bei Dropdownlisten und Monoselect-Listenfeldern muss der Text aus der Auswahlliste stammen.
c) <STANDARD=;text1;text2;> eignet sich zur Vorbelegung eines mehrzeiligen Multiselect-Listenfeldes mit text1 und text2
    Wobei die Texte aus der Auswahlliste stammen und das Trennzeichen dasselbe ist.

Textfeld: die vorgegebene Übersetzung einer Vokabel soll verbessert werden
ein Zeichen austauschen
<STANDARD=viktory>
Textfeld: in einer Excel-Formel soll der Funktionsname verbessert werden
Standardtext darf mit "=" beginnen
<STANDARD==ANZAL(A1:A4)>
Textfeld: zwischen die Zahlen 4 und 10 soll das richtige Relationszeichen
gesetzt werden, Vorbelegung ist ">"
<STANDARD=4&gt;10>
Kontrollkästchen/Radiobutton: es soll mit "Ja" vorbelegt werden
"Nein" ist Standard, daher ist keine derartige Vorbelegung vorgesehen
<STANDARD=1>
Textfeld: die vorgegebene Übersetzung einer Vokabel soll verbessert werden
ein Zeichen löschen
<STANDARD=досстопримечательность>
in einem Multiselect-Listenfeld ;+;+a;-b;-c;-d;+e;-f;
sollen durch den Bearbeiter die Vokale markiert werden,
b und e sollen beim Erstaufruf der Frage vorbelegt sein
<STANDARD=;b;e;>
TFTYPE=text<STANDARD=Text>
TFTYPE=color<STANDARD=#ff00ff>
TFTYPE=email<STANDARD=b@c.de>
TFTYPE=url<STANDARD=http://www.c.de>
TFTYPE=tel<STANDARD=32168>
TFTYPE=number<STANDARD=1.5>
TFTYPE=range<STANDARD=42>
TFTYPE=time<STANDARD=23:30>
TFTYPE=date<STANDARD=1961-03-14>
TFTYPE=datetime-local<STANDARD=1961-03-14T23:30>
TFTYPE=month<STANDARD=1961-03>
TFTYPE=week<STANDARD=1961-W11>

zur Parameterliste

VORTEXT

NACHTEXT

VORHTML

NACHHTML

STRIP

LEGEND

LABEL

INLINE

<VORTEXT=Ergebnis:   >
<VORHTML=</td><td>  >
<NACHHTML= <b>cm</b>  >
<NACHTEXT= cm  >
<STRIP=1>
<LABEL=1>
<LEGEND=Test  >
<INLINE=1>

VORTEXT / VORHTML / NACHHTML / NACHTEXT
Vor und nach Eingabefeldern kann damit anzuzeigender Text oder auch "unmaskierter" HTML-Code platziert werden.
Vor dem abschließenden ">" müssen bei den HTML-Parametern mindestens zwei Leerzeichen stehen. Im laufenden Text selbst darf dann "  >" nicht vorkommen.

Reihenfolge: <VORTEXT><VORHTML>INPUTFELD<NACHHTML><NACHTEXT>

Klassen für gedrehten Text: rot090 / rot180 / rot270

Nutzung in Absätzen

<p class=rot270>Text</p>

Text

<p class=rot090>Text</p>

<p class=rot180>Text</p>

Beispiel
<VORHTML=<table style=font-family:Marlett;><tr><td align=right><p class=rot180>p</p></td><td><p class=rot180>y</p></td></tr><tr><td colspan=2 bgcolor=chucknorris>  >
<NACHHTML=</td></tr><tr><td>y</td><td align=right>p</td></tr></table>  >
<TFBREIT=10><TFHOCH=1><ALIGN=center>

p

y

yp


Nutzung in Tabellenzellen-Deklarationen - zusammenpassende Rahmen hier nur bei quadratischen Zellen links und rechts, also Breite=3*Höhe
<td class=rot270>Text</td>Text<td class=rot090>Text</td>
<td class=rot180>Text</td>
Beispiel
<VORHTML=<table style=font-family:Marlett;><tr><td align=right class=rot180>p</td><td class=rot180>y</td></tr><tr><td colspan=2>  >
<NACHHTML=</td></tr><tr><td>y</td><td align=right>p</td></tr></table>  >
<TFBREIT=10><TFHOCH=1><ALIGN=center>
py
yp

Die Anwendung in Tabellenzeilen-Deklarationen (<tr class=rot180>) funktioniert in Opera und Chrome, aber zB nicht in IE&Edge - daher nachfolgend ohne Erzeugungs-Text nur zur Ansicht
yp
yp


Vertikale Ausrichtung der Antworten
<VALIGN=top>
<VALIGN=middle>
<VALIGN=bottom>
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
VORTEXT
LEGENDVORHTMLNACHHTML
NACHTEXT
👆︎↗︎ klickbar durch <LABEL=1> oder leer
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
VORTEXT
LEGENDVORHTMLNACHHTML
NACHTEXT
👆︎↗︎ klickbar durch <LABEL=1> oder leer
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
VORTEXT
LEGENDVORHTMLNACHHTML
NACHTEXT
👆︎↗︎ klickbar durch <LABEL=1> oder leer

<VALIGN=middle><INLINE=1>
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
VORTEXT
LEGENDVORHTMLNACHHTML
NACHTEXT
👆︎↗︎ klickbar durch <LABEL=1> oder leer
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
leerVORTEXT
LEGENDVORHTMLNACHHTML
NACHTEXT
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
leerVORTEXT
LEGENDVORHTMLNACHHTML
NACHTEXT

<VALIGN=middle><INLINE=0>
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
VORTEXT
CheckboxVORHTMLNACHHTML
NACHTEXT
👆︎↗︎ klickbar durch <LABEL=1> oder leer
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
VORTEXT
CheckboxVORHTMLNACHHTML
NACHTEXT
👆︎↗︎ klickbar durch <LABEL=1> oder leer

Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
VORTEXT
RadiobuttonVORHTMLNACHHTML
NACHTEXT
👆︎↗︎ klickbar durch <LABEL=1> oder leer
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
VORTEXT
RadiobuttonVORHTMLNACHHTML
NACHTEXT
👆︎↗︎ klickbar durch <LABEL=1> oder leer

Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
leer
VORTEXT
<Mehrzeiliges Textfeld>VORHTMLNACHHTML
NACHTEXT
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
leer
VORTEXT
<Einzeiliges Textfeld>VORHTMLNACHHTML
NACHTEXT
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
leer
VORTEXT
<Dropdown-Liste>VORHTMLNACHHTML
NACHTEXT
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
leer
VORTEXT
<Einfaches Listenfeld>VORHTMLNACHHTML
NACHTEXT
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
leer
VORTEXT
<Multiples Listenfeld>VORHTMLNACHHTML
NACHTEXT
Objekteinbettung und <STRIP=0>
Link: verkleinerte Abbildung
Link: Dateiname mit/ohne Icon
Text
leer
leer
VORTEXT
<Slider>VORHTMLNACHHTML
NACHTEXT

Text rechts von einem <textarea> vertikal mittig anordnen
<INLINE=1><VORHTML=<table><tr><td>  ><NACHHTML=</td><td valign=middle> nach Karfreitag (spezielle Bundesl&auml;nder)</td></tr></table>  >
<INLINE=0><NACHTEXT= nach Karfreitag (spezielle Bundesl&auml;nder)  >
Fronleichnam
nach Karfreitag (spezielle Bundesländer)



STRIP: Die Doppel-Wirksamkeit dieses HTML-Codes bei dessen Interpretation durch den Browser kann mit <STRIP=1> (Programmstandard) unterdrückt werden, falls es zu Darstellungsproblemen kommt.
Diese Einstellung kann mit <STRIP=0> umgekehrt werden, zB bei der Einbindung von HTML-Code ins Objektfeld (Mediendateien)


Mit LABEL wird normalerweise ein Eingabefeld logisch mit seinem Begleittext verknüpft.
Mit <LABEL=1> wird erreicht, dass bei Checkbox-Antworten und Radiobutton-Antworten der rechts danebenstehende Text ebenfalls zur Auswahl der Antwort angeklickt werden kann.
Alles andere als '1' wird ignoriert.
Bei Ersatz-Verwendung von Submit-Buttons mit Text/Grafik wirkt LABEL ebenfalls, bei allen Text-Typen aber nicht.
Bei <READONLY=1> gesetzten Feldern ist <LABEL=1> unwirksam - Klickfelder und Text anzuklicken, ist dann wirkungslos.

<LABEL=1><LABEL=0>

   

   
 

    ja

    nein      
 

   

   
 

    Salz

    Zucker      
 


Mit LEGEND wird ein damit oben links oder mittig (Checkbox, Radiobutton) beschrifteter Fieldset-Rahmen um das gesamte Eingabefeld erzeugt.
Das Feature braucht also nicht mit VORHTML und NACHHTML nachgebaut werden.
Folgende Einsortierung:
<VORTEXT><FIELDSET><LEGEND>legendtext</LEGEND><VORHTML>EINGABEFELD<NACHHTML></FIELDSET><NACHTEXT>
Standard sind transparenter Hintergrund, roter fetter Text in Browser-Standardschrift und ein fixer roter Fieldset-Rahmen.
Bei Checkbox- und Radiobutton-Antworten ist nur wenig Platz (zB 1-2 Zeichen, Minigrafik, ...).
<LEGEND=Text, auch mit HTML  >
<LEGEND=&nbsp;Text, auch mit HTML&nbsp;  >
<LEGEND=<p style=background:lightgreen;><FONT face=\'Courier New\'>&nbsp;Text, auch mit HTML&nbsp;</FONT></p>  >
 

 Text, auch mit HTML 

Vor dem abschließenden '>' müssen zwei 'echte' Leerzeichen stehen.

 


<LEGEND=<font size=18pt>&#9997;&#xFE0E;</font>  >
✍︎
Salz
 
   
✍︎
ja
 
✍︎
Zucker 
 
   
✍︎
nein 
 


<LEGEND=<table border><tr><td><font style=font-size:36pt;color:red;>&#128064;&#xFE0E;</font></td></tr></table>  >
<LEGEND=<table style=\'border:red solid 2px; border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px;\'><tr><td><font style=font-size:36pt;color:red;>&#128064;&#xFE0E;</font></td></tr></table>  >
 
👀︎
Tabelle und Unicode

 


<LEGEND=<IMG src=./medien/layout/smiley.gif>  >
 
Idealerweise ist die Bilddatei ebenfalls transparent.

 


<LEGEND=<IMG src=./medien/layout/teacher.gif width=50px>  >
 
Bei Verkleinerung mit '%' wird die obere Linie in Original-Bildgröße abgeschnitten (Chrome 55).

 


zur Parameterliste

FAKTOREN

<FAKTOREN=n1>
<FAKTOREN=n1;n2;n3>

legt die Wichtungsfaktoren fest, mit denen Punkte multipliziert werden.
Diese ganzzahligen Werte sind >= 0 und durch ein Semikolon getrennt.
Die Parameter können testglobal und frageneinheitlich vergeben werden.
Die Wirkung ist dabei hierarchisch.

n1...Wichtungsfaktor bei richtigen Antworten
n2...Wichtungsfaktor bei falschen Antworten
n3...Wichtungsfaktor bei fehlenden Antworten
Programmstandard ist <FAKTOREN=1> gleichbedeutend mit <FAKTOREN=1;1;1>
Steht hinter dem Gleichheitszeichen nur ein Faktor, wird dieser auch zu Faktor 2 und Faktor 3
Ist einer der 3 Faktoren unbesetzt, wird er aus der übergeordneten Hierarchiestufe übernommen.

zur Parameterliste

PUNKTE

<PUNKTE=n1a+n1b+n1c+n1d+n1e>
<PUNKTE=n1a+n1b+n1c+n1d+n1e+n1f+n1g+n1h+n1i;n2a+n2b+n2c+n2d+n2e+n2f+n2g+n2h+n2i;n3a+n3b+n3c+n3d+n3e+n3f+n3g+n3h+n3i>

legt die zu vergebenden Punktzahlen für die die 1-9 Antwortmöglichkeiten fest, wenn richtig;falsch;fehlend
Diese ganzzahligen Werte sind >= 0 und durch ein ";" bzw "+"getrennt.
Die Parameter können testglobal und frageneinheitlich vergeben werden.
Die Wirkung ist dabei hierarchisch.

n1a-n1i...Punktzahlen bei richtigen Antworten
n2a-n2i...Punktzahlen bei falschen Antworten
n3a-n3i...Punktzahlen bei fehlenden Antworten
Programmstandard ist <PUNKTE=1> gleichbedeutend mit <PUNKTE=1+1+1+1+1+1+1+1+1;1+1+1+1+1+1+1+1+1;1+1+1+1+1+1+1+1+1>
Ist einer der 3*9=27 Punktzahlen unbesetzt, wird sie aus der übergeordneten Hierarchiestufe übernommen.

zur Parameterliste

TRIM

<TRIM=c1c2c3c4c5>
<TRIM=----1>
<TRIM=----1;----1;----1;----1;----1;-----;----1;----1;----1>

legt die Behandlung der vom Testteilnehmer eingegebenen Texte fest, bevor ein Textvergleich für die Bewertung erfolgt.
Die vom Autor eingegebenen Texte werden nicht davon berührt, müssen also immer OK sein.
Nach dem Gleichheitszeichen müssen genau einmal oder für jede Antwort 5 Zeichen stehen, entweder Minuszeichen oder eine Ziffer.
Die Parameter können testglobal und frageneinheitlich vergeben werden.
Die Wirkung ist dabei hierarchisch.

c1...Ersetzungsregel für jedes Zeichen mit Code < 32 (z.B. Enter, Tabulator) im gesamten Text durch (normale) Leerzeichen
c2...Ersetzungsregel für jedes Pseudo-Leerzeichen (Code=160) im gesamten Text durch normale Leerzeichen (Code=32)
Die in den Schritten 1 und 2 hinzugekommenen Leerzeichen zählen nachfolgend mit zum Text.
c3...Reduzierungsregel für Gesamtheit der (normalen) Leerzeichen am Anfang des Textes
c4...Reduzierungsregel für Gesamtheit der (normalen) Leerzeichen am Ende des Textes
c5...Reduzierungsregel für Gruppen aufeinanderfolgender (normaler) Leerzeichen im Inneren des Textes

Bedeutung der Parameter
0 bis 9  Anzahl Leerzeichen, nur 0 und 1 erscheinen dabei sinnvoll
-        keine Ersetzung durchführen

Programmstandard ist <TRIM=11001> für die Antworten 1-9
1) Jedes Steuerzeichen wird durch ein Leerzeichen ersetzt.
2) Jedes Zeichen 160 wird durch ein Leerzeichen ersetzt.
3) Alle Leerzeichen am Anfang des Textes werden abgeschnitten.
4) Alle Leerzeichen am Ende des Textes werden abgeschnitten.
5) Gruppen mehrerer aufeinanderfolgender Leerzeichen im Inneren des Textes werden jeweils auf ein Leerzeichern reduziert.

zur Parameterliste

GKU

NOGKU

<GKU>
<NOGKU>
<GKU=1>
<GKU=0>
<GKU=1;1;1;1;1;0>

regelt die Groß/Klein-Unterscheidung bei der Bewertung von Texteingaben.

Die Parameter können frageneinheitlich und je Einzelantwort vergeben werden.
Die Information ist in das Feld für das Frageobjekt einzutragen.
Testglobal ist diese Einstellung nur über die zentralen Test-Einstellungen machbar:
Groß/Klein-Unterscheidung bei Texteingaben 

zur Parameterliste


ZUFALL

NOZUFALL

<ZUFALL>
<NOZUFALL>

die testglobale Einstellung für die Antwort-Zufallsreihenfolge:
Antworten in Zufallsreihenfolge 
kann damit speziell für die aktuelle Aufgabe modifiziert werden.

Der Parameter ist in das Feld für das Frageobjekt einzutragen.

zur Parameterliste

CLUSTERNEXT

<CLUSTERNEXT>

bewirkt bei eingestellter Zufallsreihenfolge den Zusammenhalt einer Frage bzw. einer Antwort mit dem Nachfolger.
 
Fragen in Zufallsreihenfolge 
...
Antworten in Zufallsreihenfolge 

Bei der physisch letzten Frage bzw. Antwort wird dieser Parameter ignoriert.

Im Frageobjekt oder Fragetext platziert, dient dies dem Zusammenhalten der Fragen.
Im Antwortobjekt platziert, dient dies dem Zusammenhalten der Antworten.

Beispiel
Für einen Test mit 5 Fragen wurde ursprünglich eine Fragen-Zufallsreihenfolge 1-3-5-2-4 ermittelt.
Nur allein bei Frage 2 steht im Feld für das Frageobjekt der Text <CLUSTERNEXT>
Damit ergibt sich die endgültige Fragen-Zufallsreihenfolge 1-5-2-3-4

zur Parameterliste

LINE

NOLINE

<LINE>
<NOLINE>

Ob eine Trennlinie zwischen zwei Antworten gezeichnet wird oder nicht, bestimmt eine programminterne Logik.
Dies wird durch diese beiden Parameter überstimmt.
Diese Einstellung gilt für die Anzeige der Fragen am Bildschirm und für die Archivierung in eine pdf-Datei.

zur Parameterliste

ADDPAGE

ADDPAGEHOCH

ADDPAGEQUER

<ADDPAGE>
<ADDPAGEHOCH>
<ADDPAGEQUER>

Gilt nur für die Ausgabe in eine pdf-Datei. Programmstandard für jeden neuen Test ist, dass keine Archivierung erlaubt ist.
Dies kann in den Testeinstellungen vom Autor dann erlaubt werden.

In diesem Fall ist eine Archivierung im Hochformat Programmstandard.
In den Testeinstellungen kann vom Autor das Querformat zum testglobalen Standard erhoben werden.

Mögliche relevante Einstellungen der Teststandards:
Teilnehmer darf nach Abgabe archivieren
  ...
  Archivierung mit Querformat
  ...
 
Für die aktuelle Frage und die zugehörigen Antworten kann dies mit den obigen Parametern modifiziert werden.

a) Eingabe in das Frageobjekt-Feld
Mit <ADDPAGEHOCH> und <ADDPAGEQUER> kann für die aktuelle Frage die Orientierung der neuen Seite unabhängig vom globalen Teststandard spezifiziert werden.
Ein <ADDPAGE> wird dort nicht beachtet.

b) Eingabe in das Feld für das Antwortobjekt
<ADDPAGEHOCH> erzeugt vor der entsprechenden Antwort einen Seitenwechsel, wenn das Hochformat festgelegt ist.
<ADDPAGEQUER> erzeugt vor der entsprechenden Antwort einen Seitenwechsel, wenn das Querformat festgelegt ist.
<ADDPAGE> erzeugt in jedem Fall einen Seitenumbruch vor der entsprechenden Antwort.

zur Parameterliste

TFTYPE

<TFTYPE=TEXT>
<TFTYPE=PASSWORD>
<TFTYPE=FILE>
<TFTYPE=BUTTON>
<TFTYPE=IMAGE>

<TFTYPE=file>
<TFTYPE=password>
<TFTYPE=text  list=datalist-id>
<TFTYPE=color list=datalist-id>
<TFTYPE=email list=datalist-id>
<TFTYPE=url   list=datalist-id>
<TFTYPE=tel   list=datalist-id>
<TFTYPE=number         min=x max=y step=z list=datalist-id>
<TFTYPE=range          min=x max=y step=z list=datalist-id>
<TFTYPE=time           min=x max=y step=z list=datalist-id>
<TFTYPE=date           min=x max=y step=z list=datalist-id>
<TFTYPE=datetime-local min=x max=y step=z list=datalist-id>
<TFTYPE=month          min=x max=y step=z list=datalist-id>
<TFTYPE=week           min=x max=y step=z list=datalist-id>

Fehlt dieser Parameter, dann gilt: <TFTYPE=text>
Der eintrag step=any erlaubt eine kontinuierliche Skalierung.
Die Dropdownlisten werden mit Hilfe von <NACHHTML> definiert, Für die Tarnung im IE mit transparenter Schrift.
Der IE bietet bei "number", "color" und allen Zeitformaten nur den Listen-Dropdown (wenn definiert). Bei "range" zeigt er dagegen als einziger Browser den aktuellen Wert an.
Bei "password", "button", "image" und "file" wird alles Nachfolgende ignoriert. 
Die Typen "checkbox", "radio", "search", "hidden", "reset" und "submit" sind eingebbar, werden aber ignoriert.
Der Typ "tel" ist eingebbar, wird aber derzeit (Ende 2016) nur von Safari 8+ unterstützt. In anderen Browsern erhält man nur den Listen-Dropdown (wenn definiert).

  <TFTYPE=TEXT>     engl: Computer      offene Eingabe in einzeilige Textfelder  
  <TFTYPE=PASSWORD>     engl: Computer      verdeckte Eingabe in einzeilige Textfelder  
  <TFTYPE=FILE>     Datei:      Name einer vom Nutzer-PC aus zugänglichen Datei  
  <TFTYPE=BUTTON>     bessere Mannschaft:
   Bayern
   Dortmund  
  Zum Draufklicken, mit Seiten-Reload als Nebeneffekt  
  Buttons, Text und Formatierung variabel
  Ersatzoptik für Checkbox- und Radiobutton-Fragen   
  <TFTYPE=IMAGE>     bessere Mannschaft:
   Bayern
   Dortmund  
  Zum Draufklicken, mit Seiten-Reload als Nebeneffekt  
  Buttons mit variabler Grafik
  Ersatzoptik für Checkbox- und Radiobutton-Fragen   
 
 <TFTYPE=text list=liste-text>  
 <NACHHTML=<FONT color=transparent><datalist id=liste-text>
 <option>computer</option><option>commputer</option>
 <option>compiuter</option><option>computa</option>
 <option>komputer</option><option>kommpjuta</option>
 </datalist></font>  >
  engl: Computer  
  
  Eingabe-Dropdown in leere einzeilige Textfelder  
  voller Dropdown nach Leerung des Eingabefeldes  
  Jeder beliebige Text wird akzeptiert.
 <TFTYPE=color>  
  red:       einfache Farbwahl, ROT wird als #ff0000 gespeichert  
 <TFTYPE=color list=dummy>  
  red:       Farbwahl bei fehlender oder 100% fehlerhafter Liste (zB alles Farbnamen)  
 <TFTYPE=color list=liste-color>  
 <NACHHTML=<FONT color=transparent><datalist id=liste-color>
 <option>#ffffff</option><option>#ffff00</option>
 <option>#ff00ff</option><option>#ff0000</option>
 <option>#00ffff</option><option>#00ff00</option>
 <option>#0000ff</option><option>#000000</option>
 </datalist></font>  >
  red:        Farbwahl mit Dropdown-Liste,
  manuell kann auch eine andere Adresse eingegeben werden.
  Jeder Farbwert wird akzeptiert.
 <TFTYPE=email>  
  Mail:       Email-Adresse manuell eingeben  
  Kontrolle bei Verlassen des Feldes  
  Fehleranzeige: zB Maus danach drüber halten  
 <TFTYPE=email list=liste-email>  
 <NACHHTML=<FONT color=transparent><datalist id=liste-email>
 <option>a@c.de</option><option>b@c.de</option>
 <option>c@c.de</option><option>d@c.de</option>
 <option>e@c.de</option><option>f@c.de</option>
 <option>g@c.de</option><option>h@c.de</option>
 </datalist></font>  >
  Mail:        Mailadressen-Wahl mit Dropdown-Liste  
  manuell kann auch eine andere Adresse eingegeben werden.  
 <TFTYPE=url>  
  URL:       Web-Adresse manuell eingeben  
  Kontrolle bei Verlassen des Feldes  
  Fehleranzeige: zB Maus danach drüber halten  
 <TFTYPE=url list=liste-url>  
 <NACHHTML=<FONT color=transparent><datalist id=liste-url>
 <option>http://www.a.de</option><option>http://www.b.de</option> 
 <option>http://www.c.de</option><option>http://www.d.de</option> 
 <option>http://www.e.de</option><option>http://www.f.de</option> 
 <option>http://www.g.de</option><option>http://www.h.de</option> 
 </datalist></font>  >
  URL:        URL-Wahl mit Dropdown-Liste  
  manuell kann auch eine andere Adresse eingegeben werden.  
 <TFTYPE=tel>  
  Tel:       Telefonnummer manuell eingeben  
  Kontrolle bei Verlassen des Feldes derzeit nur in Safari 8+  
  Fehleranzeige: zB Maus danach drüber halten  
 <TFTYPE=tel list=liste-tel>  
 <NACHHTML=<FONT color=transparent><datalist id=liste-tel>
 <option>110</option><option>111</option> 
 <option>112</option><option>113</option> 
 <option>114</option><option>115</option> 
 <option>116</option><option>117</option> 
 </datalist></font>  >
  Tel:        Telefonnummer-Auswahl mit Dropdown-Liste  
  manuell kann auch eine andere Nummer eingegeben werden.  
 <TFTYPE=number>  
  Anzahl:       beliebige positive/negative ganze Zahl manuell bzw per Drehfeld v eingeben/modifizieren  
  zB 100 oder 1.00 oder -5.3E2  
  Kontrolle bei Verlassen des Feldes  
  Fehleranzeige: zB Maus danach drüber halten  
 <TFTYPE=number min=0>  
 <DIR=rtl>  
  Anzahl:       natürliche Zahl manuell bzw per Drehfeld v eingeben/modifizieren  
  mit <DIR=rtl>wandert das Drehfeld nach links und das Minuszeichen nach rechts  
 <TFTYPE=number min=1 max=2 step=0.001>  
 <ALIGN=right>  
  Benzinpreis:    EUR   Wert von 1 EUR bis 2 EUR beliebigen Wert auf drei Dezimalstellen genau eingeben
  manuell bzw per Drehfeld v eingeben/modifizieren  
 <TFTYPE=number min=40 max=50 step=2 list=liste-number>  
 <NACHHTML=<FONT color=transparent><datalist id=liste-number>
 <option>40</option><option>41</option> 
 <option>42</option><option>43</option> 
 <option>44</option><option>45</option> 
 <option>46</option><option>47</option> 
 <option>48</option><option>49</option> 
 <option>50</option> 
 </datalist></font>  >
 <ALIGN=right>  
  Anzahl:     

  Anzahl:     ohne min-max-step  
  Werte-Auswahl per manueller Eingabe, per Drehfeld v oder per Dropdown-Liste u  

  Ohne min-max wird jede Ganzzahl akzeptiert
 <TFTYPE=range min=40 max=50 step=2>
<VORTEXT=40 ><NACHTEXT= 50 >
  40 50   Gerade Zahl von 40 bis 50 eingeben  
 <TFTYPE=range min=40 max=50 step=2>  
<VORHTML= 50<br> >
<NACHHTML=<br> 40 >
<CSS=+ height:100px; width:50px;
orient:vertical; -webkit-appearance:slider-vertical; writing-mode:bt-lr; >
 50

 40
  Vertikale Ausrichtung  
 <TFTYPE=range min=40 max=50 step=2 list=liste-range>
 <VORTEXT=40   ><CSS=+ color:black; >
 <NACHHTML= 50<FONT color=transparent><datalist id=liste-range> 
 <option>40</option><option>42</option><option>44</option> 
 <option>46</option><option>48</option><option>50</option> 
 </datalist></font>  > 
  40 50   Außen-Skala (IE: innen)  
 <TFTYPE=range min=40 max=50 step=2 list=liste-range> 
 <CSS=+ cursor:pointer; color:black; >
 <VORHTML=<table><tr><td>&nbsp;</td>><td align=left>40</td><td align=right>50</td></tr> 
 <tr><td>Anzahl:&nbsp;&nbsp;&nbsp;&nbsp;</td><td colspan=2>  > 
 <NACHHTML=</td></tr></table><FONT color=transparent><datalist id=liste-range> 
 <option>40</option><option>42</option><option>44</option> 
 <option>46</option><option>48</option><option>50</option> 
 </datalist></font>  > 
 4050
Anzahl:    
  Skala mit Werten, Mauszeiger wird zur Hand  
 <TFTYPE=range min=40 max=50 step=2>
<VORTEXT=40 ><NACHTEXT= 50 >
  40 50   Gerade Zahl von 40 bis 50 eingeben, browserabhängiges Aussehen  
 <TFTYPE=range min=40 max=50 step=2 class=slider>
<VORTEXT=40 ><NACHTEXT= 50 >
  40 50   Gerade Zahl von 40 bis 50 eingeben, nahezu einheitliches Aussehen in allen Browsern  
 <TFTYPE=time>
<VORTEXT=um ><NACHTEXT= Uhr >
  um Uhr   beliebige Uhrzeit eingeben, manuelle Eingabe oder per Drehfeld v  
 <TFTYPE=time min=09:00 max=13:00 step=any>
<VORTEXT=um ><NACHTEXT= Uhr >
  um Uhr   beliebige Uhrzeit von 09:00 bis 13:00 eingeben
  mit step=any ändert das Drehfeld die Stunden/Minutenzahl um 1
 <TFTYPE=time min=09:00:00 max=13:00:00 step=30>
<VORTEXT=um ><NACHTEXT= Uhr >
  um Uhr   Uhrzeit von 09:00:00 bis 13:00:00 eingeben, mit halben und ganzen Minuten
  mit step=30 ändert das Drehfeld der Sekundenzahl um 30
 <TFTYPE=time min=09:00:00.000 max=13:00:00.000 step=0.125>
<VORTEXT=um ><NACHTEXT= Uhr >
  um Uhr   Uhrzeit von 09:00:00.000 bis 13:00:00.000 eingeben, mit halben Sekunden
  mit step=0.125 ändert das Drehfeld der Millisekundenzahl um 125
 <TFTYPE=time min=09:00 max=13:00 step=1800 list=liste-time>
<VORTEXT=um > <NACHHTML= Uhr<FONT color=transparent><datalist id=liste-time> <option>09:00</option><option>09:30</option><option>10:00</option> <option>10:30</option><option>11:00</option><option>11:30</option> <option>12:00</option><option>12:30</option><option>13:00</option> </datalist></font> >
  um Uhr   Uhrzeiten von 09:00 bis 13:00 im Halbstunden-Takt eingeben  
  der step ist in Sekunden anzugeben
  Eingabe ist auch per Dropdown u möglich  
 <TFTYPE=date>
<VORTEXT=am >
  am   beliebiges Datum eingeben,
  manuelle Eingabe oder per Drehfeld v oder mit dem datepicker u  
 <TFTYPE=date min=2014-06-12 max=2014-07-13 step=any>
<VORTEXT=am >
  am   beliebiges Datum vom 12.06.2014 bis zum 13.07.2014 eingeben (WM Brasilien)
  beim Erst-Aufruf ist 2014 schon eingestellt, weil es aus den Grenzen folgt
  im datepicker sind dabei die Tage im Wunsch-Zeitraum andersfarbig hinterlegt
  mit step=any ändert das Drehfeld die jeweilige Zahl von Tag/MonatJahr um 1
 <TFTYPE=date min=2017-01-01 max=2017-04-30 step=7 list=liste-date>
<VORTEXT=am > <NACHHTML=<FONT color=transparent><datalist id=liste-date> <option>2017-01-01</option><option>2017-01-08</option><option>2017-01-15</option> <option>2017-01-22</option><option>2017-01-29</option><option>2017-02-05</option> <option>2017-02-12</option><option>2017-02-19</option><option>2017-02-26</option> <option>2017-03-05</option><option>2017-03-12</option><option>2017-03-19</option> <option>2017-03-26</option><option>2017-04-02</option><option>2017-04-09</option> <option>2017-04-16</option><option>2017-04-23</option><option>2017-04-30</option> </datalist></font> >
  am   Alle Sonntage von Januar bis April 2017  
  der step ist in Tagen anzugeben
  Eingabe ist auch per Dropdown u möglich  
 <TFTYPE=datetime-local>
<VORTEXT=am >
  am   beliebiges Datum+Uhrzeit eingeben,
  manuelle Eingabe oder per Drehfeld v
  Datums-Anteil auch mit dem datepicker u eingebbar  
 <TFTYPE=datetime-local min=2016-12-31T23:00 max=2017-01-01T01:00 step=1800>
<VORTEXT=am >
  am   Datum+Uhrzeit zwischen 31.12.2016 23:00 und 01.01.2017 01:00 eingeben,
  30-Minuten-Intervall (step in Sekunden)  
 <TFTYPE=datetime-local min=2016-12-31T23:00 max=2017-01-01T01:00 step=30>
<VORTEXT=am >
  am   Datum+Uhrzeit zwischen 31.12.2016 23:00 und 01.01.2017 01:00 eingeben,
  30-Sekunden-Intervall  
 <TFTYPE=datetime-local min=2016-12-31T23:00 max=2017-01-01T01:00 step=0.25>
<VORTEXT=am >
  am   Datum+Uhrzeit zwischen 31.12.2016 23:00 und 01.01.2017 01:00 eingeben,
  250-Millisekunden-Intervall  
  Feldbreite: 270px
 <TFTYPE=datetime-local min=2016-12-31T23:00 max=2017-01-01T01:00 step=1800 list=dtl>
<VORTEXT=am > <NACHHTML=<FONT color=transparent><datalist id=dtl> <option>2016-12-31T23:00</option><option>2016-12-31T23:30</option> <option>2017-01-01T00:00</option><option>2017-01-01T00:30</option> <option>2017-01-01T01:00lt;/option> </datalist></font> >
  am   Datum+Uhrzeit zwischen 31.12.2016 23:00 und 01.01.2017 01:00 eingeben,
  30-Minuten-Intervall mit Dropdown u  
 <TFTYPE=month>
<VORTEXT=im >
  im   Jahr und beliebigen Monat eingeben,
  manuelle Eingabe oder per Drehfeld v
  Feldbreite ist 180px
 <TFTYPE=month min=2017-03 max=2017-12 step=3>
<VORTEXT=im >
  im   alle letzten Quartalsmonate 2017,
  der Parameter step ist die Anzahl der Monate
 <TFTYPE=month min=1962-01 max=1962-12 step=1 list=liste-month>
<VORTEXT=Monat: > <NACHHTML=<FONT color=transparent><datalist id=liste-month> <option>1962-01</option><option>1962-02</option><option>1962-03</option> <option>1962-04</option><option>1962-05</option><option>1962-06</option> <option>1962-07</option><option>1962-08</option><option>1962-09</option> <option>1962-10</option><option>1962-11</option><option>1962-12</option> </datalist></font> >
  Monat:   beliebigen Monat des Jahres 1962 eingeben,
   mit Dropdown u  
 <TFTYPE=week>
<VORTEXT=KW: >
  KW:   beliebiges Kalenderwoche eingeben,
  manuelle Eingabe oder per Drehfeld v oder mit dem datepicker u  
 <TFTYPE=week min=2017-W01 max=2017-W52 step=any>
<VORTEXT=KW: >
  KW:   beliebiges Kalenderwoche von 2017 eingeben,
  Kw01 vom 02.-08.01. und Kw52 25.12.-31.12.  
 <TFTYPE=week min=2017-W01 max=2017-W52 step=any list=liste-week>
<VORTEXT=KW: > <NACHHTML=<FONT color=transparent><datalist id=liste-week> <option>2017-W01</option><option>2017-W02</option><option>2017-W03</option><option>2017-W04</option> <option>2017-W05</option><option>2017-W06</option><option>2017-W07</option><option>2017-W08</option> <option>2017-W09</option><option>2017-W10</option><option>2017-W11</option><option>2017-W12</option> <option>2017-W13</option><option>2017-W14</option><option>2017-W15</option><option>2017-W16</option> <option>2017-W17</option><option>2017-W18</option><option>2017-W19</option><option>2017-W20</option> <option>2017-W21</option><option>2017-W22</option><option>2017-W23</option><option>2017-W24</option> <option>2017-W25</option><option>2017-W26</option><option>2017-W27</option><option>2017-W28</option> <option>2017-W29</option><option>2017-W30</option><option>2017-W31</option><option>2017-W32</option> <option>2017-W33</option><option>2017-W34</option><option>2017-W35</option><option>2017-W36</option> <option>2017-W37</option><option>2017-W38</option><option>2017-W39</option><option>2017-W40</option> <option>2017-W41</option><option>2017-W42</option><option>2017-W43</option><option>2017-W44</option> <option>2017-W45</option><option>2017-W46</option><option>2017-W47</option><option>2017-W48</option> <option>2017-W49</option><option>2017-W50</option><option>2017-W51</option><option>2017-W52</option> </datalist></font> >
  KW:   beliebige Kalenderwoche des Jahres 2017 eingeben,
   mit Dropdown u, die Liste scrollt im IE10 nicht  

zur Parameterliste

BUTTONYES

BUTTONNO

<BUTTONYES=v>
<BUTTONNO= >
<BUTTONYES=ja-000.png>
<BUTTONNO=nein.png>

Standard-Buttontext für "Ja":"v"<TFTYPE=BUTTON><BUTTONYES=v><BUTTONNO= >
Standard-Buttontext für "Nein":" "

Standard-Image für "Ja":./medien/layout/btn_ja.png<TFTYPE=IMAGE><BUTTONYES=./medien/layout/btn_ja.png><BUTTONNO=./medien/layout/btn_nein.png>
Standard-Image für "Nein":./medien/layout/btn_nein.png

zur Parameterliste

SCHRIFT

SIZE

STYLE

DECO

WEIGHT

VCOLOR

HCOLOR

<SCHRIFT=Arial>
<SCHRIFT=Courier New>
<SIZE=36pt>
<SIZE=7.5pt>
<DECO=underline>
<STYLE=italic>
<WEIGHT=bold>
<VCOLOR=black>
<HCOLOR=lightblue>


STYLE
Schriftnormal italic oblique inherit
Arial Unicode MSTextTextTextText
Franklin Gothic TextTextTextText
DejaVu Sans TextTextTextText
Gill Sans TextTextTextText
Courier New TextTextTextText

DECO
none underline overline line-through blink inherit
 
Text
 
TextTextTextTextText
Der IE 8, Safari 5, Chrome 22 und der Konqueror 3.5 missachten den Wert 'blink' - Netscape 9, Opera 12 und Firefox 17 lassen den Text blinken.
Auch bei <BLINK>Text</BLINK> ergibt sich dasselbe Verhalten.

WEIGHT
normal (=400) bold (=700) bolder lighter 100 200 300 400 500 600 700 800 900 inherit
TextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextText


SCHRIFT
Wegen Firefox 17: Schriftartnamen mit Leerzeichen werden programm-intern mit ' umschlossen.
<SCHRIFT=Comic Sans MS>

Die beliebten Symbol-Schriftarten "Symbol", "Wingdings", "Wingdings 2", "Wingdings 3", "Webdings" und "Marlett" werden aus Prinzip von einigen Browsern nicht dargestellt.
und zwar: Firefox 17, Opera 12, Netscape 9
OK: IE 8, Chrome 22, Safari 5

zu Netscape 9: Durch clientseitiges Editieren der Datei
C:\Programme\Netscape\Navigator 9\res\fonts\fontEncoding.properties
sind diese Schriftarten darstellbar.
Bei Mozilla und im betagteren Firefox ist es C:\Programme\mozilla.org\Mozilla\res\fonts\fontEncoding.properties
C:\Programme\Mozilla Firefox\res\fonts\fontEncoding.properties
Opera stellt in den neuesten Versionen diese Zeichen dar.
# Symbol font
encoding.symbol.ttf = Adobe-Symbol-Encoding
# Symbol font
#-- Enabling Symbol and other fonts for Mozilla on Windows
encoding.symbol.ttf = windows-1252
encoding.wingdings.ttf = windows-1252
encoding.wingdings2.ttf = windows-1252
encoding.wingdings3.ttf = windows-1252
encoding.webdings.ttf = windows-1252
encoding.marlett.ttf = windows-1252


In der nachfolgenden Tabelle sollten in Zeile 1 die Symbole stehen:
J3aSY
J
in Wingdings
3
in Wingdings 2
a
in Wingdings 3
S
in Symbol
Y
in Webdings
Wingdings-Ersatz finden



Die Schriftart Marlett
0123456789W a b
0123456789W a b
cdefghijkjm n o
cdefghijkjm n o
pqrstuvwxy¡ ¢ £
pqrstuvwxy&#161;&#162;&#163;


Die Schriftart OpenSymbol


&#57379; → &#58405; → &#58406; → &#58407; → 



Arial - Pfeile

8592

8593

8594

8595

8596

8597

8598

8599

8600

8601

8602

8603

8604

8605

8606

8607

8608

8609

8610

8611

8612

8613

8614

8615

8616

8617

8618

8619

8620

8621

8622

8623

8624

8625

8626

8627

8628

8629

8630

8631

8632

8633

8634

8635

8636

8637

8638

8639

8640

8641

8642

8643

8644

8645

8646

8647

8648

8649

8650

8651

8652

8653

8654

8655

8656

8657

8658

8659

8660

8661

8662

8663

8664

8665

8666

8667

8668

8669

8670

8671

8672

8673

8674

8675

8676

8677

8678

8679

8680

8681

8682

8683

8684

8685

8686

8687

8688

8689

8690

8691

8692

8693

8694

8695

8696

8697

8698

8699

8700

8701

8702

8703


Arial - Verschiedene Symbole

9728

9729

9730

9731

9732

9733

9734

9735

9736

9737

9738

9739

9740

9741

9742

9743

9744

9745

9746

9747

9748

9749

9750

9751

9752

9753

9754

9755

9756

9757

9758

9759

9760

9761

9762

9763

9764

9765

9766

9767

9768

9769

9770

9771

9772

9773

9774

9775

9776

9777

9778

9779

9780

9781

9782

9783

9784

9785

9786

9787

9788

9789

9790

9791

9792

9793

9794

9795

9796

9797

9798

9799

9800

9801

9802

9803

9804

9805

9806

9807

9808

9809

9810

9811

9812

9813

9814

9815

9816

9817

9818

9819

9820

9821

9822

9823

9824

9825

9826

9827

9828

9829

9830

9831

9832

9833

9834

9835

9836

9837

9838

9839

9840

9841

9842

9843

9844

9845

9846

9847

9848

9849

9850

9851

9852

9853

9854

9855

9856

9857

9858

9859

9860

9861

9862

9863

9864

9865

9866

9867

9868

9869

9870

9871

9872

9873

9874

9875

9876

9877

9878

9879

9880

9881

9882

9883

9884

9885

9886

9887

9888

9889

9890

9891

9892

9893

9894

9895

9896

9897

9898

9899

9900

9901

9902

9903

9904

9905

9906

9907

9908

9909

9910

9911

9912

9913

9914

9915

9916

9917

9918

9919

9920

9921

9922

9923

9924

9925

9926

9927

9928

9929

9930

9931

9932

9933

9934

9935

9936

9937

9938

9939

9940

9941

9942

9943

9944

9945

9946

9947

9948

9949

9950

9951

9952

9953

9954

9955

9956

9957

9958

9959

9960

9961

9962

9963

9964

9965

9966

9967

9968

9969

9970

9971

9972

9973

9974

9975

9976

9977

9978

9979

9980

9981

9982

9983


Arial - Dingbats

9984

9985

9986

9987

9988

9989

9990

9991

9992

9993

9994

9995

9996

9997

9998

9999

10000

10001

10002

10003

10004

10005

10006

10007

10008

10009

10010

10011

10012

10013

10014

10015

10016

10017

10018

10019

10020

10021

10022

10023

10024

10025

10026

10027

10028

10029

10030

10031

10032

10033

10034

10035

10036

10037

10038

10039

10040

10041

10042

10043

10044

10045

10046

10047

10048

10049

10050

10051

10052

10053

10054

10055

10056

10057

10058

10059

10060

10061

10062

10063

10064

10065

10066

10067

10068

10069

10070

10071

10072

10073

10074

10075

10076

10077

10078

10079

10080

10081

10082

10083

10084

10085

10086

10087

10088

10089

10090

10091

10092

10093

10094

10095

10096

10097

10098

10099

10100

10101

10102

10103

10104

10105

10106

10107

10108

10109

10110

10111

10112

10113

10114

10115

10116

10117

10118

10119

10120

10121

10122

10123

10124

10125

10126

10127

10128

10129

10130

10131

10132

10133

10134

10135

10136

10137

10138

10139

10140

10141

10142

10143

10144

10145

10146

10147

10148

10149

10150

10151

10152

10153

10154

10155

10156

10157

10158

10159

10160

10161

10162

10163

10164

10165

10166

10167

10168

10169

10170

10171

10172

10173

10174

10175


Arial - 4-Byte-Symbole mit Dezimalcode - &#nnnnnn;
🅾
127358
🅿
127359
🆎
127374
🆑
127377
🆒
127378
🆓
127379
🆔
127380
🆕
127381
🆖
127382
🆗
127383
🆘
127384
🆙
127385
🆚
127386
🌀
127744
🌁
127745
🌂
127746
🌃
127747
🌄
127748
🌅
127749
🌆
127750
🌇
127751
🌈
127752
🌉
127753
🌊
127754
🌋
127755
🌌
127756
🌏
127759
🌑
127761
🌓
127763
🌔
127764
🌕
127765
🌙
127769
🌛
127771
🌟
127775
🌠
127776
🌰
127792
🌱
127793
🌴
127796
🌵
127797
🌷
127799
🌸
127800
🌹
127801
🌺
127802
🌻
127803
🌼
127804
🌽
127805
🌾
127806
🌿
127807
🍀
127808
🍁
127809
🍂
127810
🍃
127811
🍄
127812
🍅
127813
🍆
127814
🍇
127815
🍈
127816
🍉
127817
🍊
127818
🍌
127820
🍍
127821
🍎
127822
🍏
127823
🍑
127825
🍒
127826
🍓
127827
🍔
127828
🍕
127829
🍖
127830
🍗
127831
🍘
127832
🍙
127833
🍚
127834
🍛
127835
🍜
127836
🍝
127837
🍞
127838
🍟
127839
🍠
127840
🍡
127841
🍢
127842
🍣
127843
🍤
127844
🍥
127845
🍦
127846
🍧
127847
🍨
127848
🍩
127849
🍪
127850
🍫
127851
🍬
127852
🍭
127853
🍮
127854
🍯
127855
🍰
127856
🍱
127857
🍲
127858
🍳
127859
🍴
127860
🍵
127861
🍶
127862
🍷
127863
🍸
127864
🍹
127865
🍺
127866
🍻
127867
🎀
127872
🎁
127873
🎂
127874
🎃
127875
🎄
127876
🎅
127877
🎆
127878
🎇
127879
🎈
127880
🎉
127881
🎊
127882
🎋
127883
🎌
127884
🎍
127885
🎎
127886
🎏
127887
🎐
127888
🎑
127889
🎒
127890
🎓
127891
🎠
127904
🎡
127905
🎢
127906
🎣
127907
🎤
127908
🎥
127909
🎦
127910
🎧
127911
🎨
127912
🎩
127913
🎪
127914
🎫
127915
🎬
127916
🎭
127917
🎮
127918
🎯
127919
🎰
127920
🎱
127921
🎲
127922
🎳
127923
🎴
127924
🎵
127925
🎶
127926
🎷
127927
🎸
127928
🎹
127929
🎺
127930
🎻
127931
🎼
127932
🎽
127933
🎾
127934
🎿
127935
🏀
127936
🏁
127937
🏂
127938
🏃
127939
🏄
127940
🏆
127942
🏈
127944
🏊
127946
🏠
127968
🏡
127969
🏢
127970
🏣
127971
🏥
127973
🏦
127974
🏧
127975
🏨
127976
🏩
127977
🏪
127978
🏫
127979
🏬
127980
🏭
127981
🏮
127982
🏯
127983
🏰
127984
🐌
128012
🐍
128013
🐎
128014
🐑
128017
🐒
128018
🐔
128020
🐗
128023
🐘
128024
🐙
128025
🐚
128026
🐛
128027
🐜
128028
🐝
128029
🐞
128030
🐟
128031
🐠
128032
🐡
128033
🐢
128034
🐣
128035
🐤
128036
🐥
128037
🐦
128038
🐧
128039
🐨
128040
🐩
128041
🐫
128043
🐬
128044
🐭
128045
🐮
128046
🐯
128047
🐰
128048
🐱
128049
🐲
128050
🐳
128051
🐴
128052
🐵
128053
🐶
128054
🐷
128055
🐸
128056
🐹
128057
🐺
128058
🐻
128059
🐼
128060
🐽
128061
🐾
128062
👀
128064
👂
128066
👃
128067
👄
128068
👅
128069
👆
128070
👇
128071
👈
128072
👉
128073
👊
128074
👋
128075
👌
128076
👍
128077
👎
128078
👏
128079
👐
128080
👑
128081
👒
128082
👓
128083
👔
128084
👕
128085
👖
128086
👗
128087
👘
128088
👙
128089
👚
128090
👛
128091
👜
128092
👝
128093
👞
128094
👟
128095
👠
128096
👡
128097
👢
128098
👣
128099
👤
128100
👦
128102
👧
128103
👨
128104
👩
128105
👪
128106
👫
128107
👮
128110
👯
128111
👰
128112
👱
128113
👲
128114
👳
128115
👴
128116
👵
128117
👶
128118
👷
128119
👸
128120
👹
128121
👺
128122
👻
128123
👼
128124
👽
128125
👾
128126
👿
128127
💀
128128
💁
128129
💂
128130
💃
128131
💄
128132
💅
128133
💆
128134
💇
128135
💈
128136
💉
128137
💊
128138
💋
128139
💌
128140
💍
128141
💎
128142
💏
128143
💐
128144
💑
128145
💒
128146
💓
128147
💔
128148
💕
128149
💖
128150
💗
128151
💘
128152
💙
128153
💚
128154
💛
128155
💜
128156
💝
128157
💞
128158
💟
128159
💠
128160
💡
128161
💢
128162
💣
128163
💤
128164
💥
128165
💦
128166
💧
128167
💨
128168
💩
128169
💪
128170
💫
128171
💬
128172
💮
128174
💯
128175
💰
128176
💱
128177
💲
128178
💳
128179
💴
128180
💵
128181
💸
128184
💹
128185
💺
128186
💻
128187
💼
128188
💽
128189
💾
128190
💿
128191
📀
128192
📁
128193
📂
128194
📃
128195
📄
128196
📅
128197
📆
128198
📇
128199
📈
128200
📉
128201
📊
128202
📋
128203
📌
128204
📍
128205
📎
128206
📏
128207
📐
128208
📑
128209
📒
128210
📓
128211
📔
128212
📕
128213
📖
128214
📗
128215
📘
128216
📙
128217
📚
128218
📛
128219
📜
128220
📝
128221
📞
128222
📟
128223
📠
128224
📡
128225
📢
128226
📣
128227
📤
128228
📥
128229
📦
128230
📧
128231
📨
128232
📩
128233
📪
128234
📫
128235
📮
128238
📰
128240
📱
128241
📲
128242
📳
128243
📴
128244
📶
128246
📷
128247
📹
128249
📺
128250
📻
128251
📼
128252
🔃
128259
🔊
128266
🔋
128267
🔌
128268
🔍
128269
🔎
128270
🔏
128271
🔐
128272
🔑
128273
🔒
128274
🔓
128275
🔔
128276
🔖
128278
🔗
128279
🔘
128280
🔙
128281
🔚
128282
🔛
128283
🔜
128284
🔝
128285
🔞
128286
🔟
128287
🔠
128288
🔡
128289
🔢
128290
🔣
128291
🔤
128292
🔥
128293
🔦
128294
🔧
128295
🔨
128296
🔩
128297
🔪
128298
🔫
128299
🔮
128302
🔯
128303
🔰
128304
🔱
128305
🔲
128306
🔳
128307
🔴
128308
🔵
128309
🔶
128310
🔷
128311
🔸
128312
🔹
128313
🔺
128314
🔻
128315
🔼
128316
🔽
128317
🕐
128336
🕑
128337
🕒
128338
🕓
128339
🕔
128340
🕕
128341
🕖
128342
🕗
128343
🕘
128344
🕙
128345
🕚
128346
🕛
128347
🗻
128507
🗼
128508
🗽
128509
🗾
128510
🗿
128511
😁
128513
😂
128514
😃
128515
😄
128516
😅
128517
😆
128518
😇
128519
😈
128520
😉
128521
😊
128522
😋
128523
😌
128524
😍
128525
😎
128526
😏
128527
😐
128528
😒
128530
😓
128531
😔
128532
😖
128534
😘
128536
😚
128538
😜
128540
😝
128541
😞
128542
😠
128544
😡
128545
😢
128546
😣
128547
😤
128548
😥
128549
😨
128552
😩
128553
😪
128554
😫
128555
😭
128557
😰
128560
😱
128561
😲
128562
😳
128563
😵
128565
😶
128566
😷
128567
😸
128568
😹
128569
😺
128570
😻
128571
😼
128572
😽
128573
😾
128574
😿
128575
🙀
128576
🙅
128581
🙆
128582
🙇
128583
🙈
128584
🙉
128585
🙊
128586
🙋
128587
🙌
128588
🙍
128589
🙎
128590
🙏
128591
🚀
128640
🚃
128643
🚄
128644
🚅
128645
🚇
128647
🚉
128649
🚌
128652
🚏
128655
🚑
128657
🚒
128658
🚓
128659
🚕
128661
🚗
128663
🚙
128665
🚚
128666
🚢
128674
🚤
128676
🚥
128677
🚧
128679
🚨
128680
🚩
128681
🚪
128682
🚫
128683
🚬
128684
🚭
128685
🚲
128690
🚶
128694
🚹
128697
🚺
128698
🚻
128699
🚼
128700
🚽
128701
🚾
128702
🛀
128704
   
RAW
🚶︎
128694
🚹︎
128697
🚺︎
128698
🚻︎
128699
🚼︎
128700
🚽︎
128701
🚾︎
128702
🛀︎
128704
   
Hinter den Zeichencode &#xFE00; anhängen (variation selector-01, glyphs)
🚶︀
128694
🚹︀
128697
🚺︀
128698
🚻︀
128699
🚼︀
128700
🚽︀
128701
🚾︀
128702
🛀︀
128704
   
Hinter den Zeichencode &#xFE0E; anhängen (variation selector-15, Text Style)
🚶︎
128694
🚹︎
128697
🚺︎
128698
🚻︎
128699
🚼︎
128700
🚽︎
128701
🚾︎
128702
🛀︎
128704
   
Hinter den Zeichencode &#xFE0F; anhängen (variation selector-16, Emoji Style)
🚶️
128694
🚹️
128697
🚺️
128698
🚻️
128699
🚼️
128700
🚽️
128701
🚾️
128702
🛀️
128704
   


VCOLOR und HCOLOR
<SCHRIFT=Courier New> <SIZE=36pt> <STYLE=italic> <WEIGHT=bold> <VCOLOR=black> <HCOLOR=aqua>
 S c h r i f t f a r b e
aquablackbluefuchsiagraygreenlimemaroon navyoliveorangepurpleredsilvertealwhiteyellow
H
i
n
t
e
r
g
r
u
n
d
f
a
r
b
e
aqua
black
blue
fuchsia
gray
green
lime
maroon
navy
olive
orange
purple
red
silver
teal
white
yellow

zur Parameterliste

TFHOCH

IFHOCH

TFBREIT

ALIGN

DIR

<TFHOCH=3>
<IFHOCH=90px>
<TFBREIT=40>
<ALIGN=left>
<ALIGN=center>
<ALIGN=right>
<DIR=ltr|rtl>

a) Kontrollkästchen, Radiobuttons, Klick-Buttons, Klick-Images
<TFHOCH=50px>
<TFBREIT=100px>
b) Dropdownlisten, mehrzeilige Listenfelder
<TFBREIT=40>
c) mehrzeilige Textfelder (Standard: hoch=3 und breit=75)
<TFHOCH=3>
<TFBREIT=40>
d) einzeilige Textfelder(Standard: breit=75)
<IFHOCH=90px>
<TFBREIT=40>

<TFHOCH=60px> <TFBREIT=200px> <HCOLOR=lightgreen>

<TFHOCH=60px> <TFBREIT=200px> <HCOLOR=lightblue>

<TFHOCH=60px> <TFBREIT=200px> <HCOLOR=lightgreen>

<TFHOCH=60px> <TFBREIT=200px> <HCOLOR=black>

<TFHOCH=60px> <TFBREIT=50> <ALIGN=center> <HCOLOR=magenta>

<TFHOCH=3> <TFBREIT=50> <ALIGN=center> <HCOLOR=yellow>


<TFHOCH=3> <TFBREIT=20> <dir=ltr> <HCOLOR=orange> <TFHOCH=3> <TFBREIT=20> <dir=rtl> <HCOLOR=orange>

zur Parameterliste

SCROLL

WRAP

<SCROLL=auto|scroll|hidden|visible|inherit>
<WRAP=hard|soft|off|physical|virtual>

  ohne SCROLL <SCROLL=auto> <SCROLL=scroll> <SCROLL=hidden>         <SCROLL=visible>        <SCROLL=inherit>
ohne WRAP
<WRAP=hard>
<WRAP=soft>
<WRAP=off>
<WRAP=physical>
<WRAP=virtual>

zur Parameterliste

READONLY

<READONLY=1>

Dient dem Schutz von Vorgaben (<STANDARD=...>), die nicht veränderbar sein sollen. Dazu müssen sie aber unbedingt der korrekten Antwort entsprechen.
Dieses Attribut ist nur auf Ebene der Einzelantworten angebbar.

1. Ein damit versehenes Textfeld ist anklickbar und nicht änderbar.
2. Eine damit versehene Checkbox ist anklickbar und nicht änderbar.
3. Ein damit versehener Radiobutton ist nicht anklickbar. Nur sinnvoll, wenn es eine falsche Lösung ist.

Für ein ausreichend andersartiges Aussehen bzw. einen Hinweis auf die Nicht-Änderbarkeit muss selbst gesorgt werden.

zur Parameterliste

PLACEHOLDER

<PLACEHOLDER=Bitte das Ergebnis hier eintragen>

Erscheint in einzeiligen und mehrzeiligen Textfeldern als Hinweis, wenn die Felder keinen Text enthalten.

zur Parameterliste

CASE

<CASE=none>        keine Änderung (Standard)
<CASE=uppercase>   nur Großbuchstaben
<CASE=lowercase>   nur Kleinbuchstaben
<CASE=capitalize>  die jeweils ersten Buchstaben werden als MAJUSKEL dargestellt, alle anderen werden nicht verändert

Wirkt bei Anzeige bereits eingegebener Texte bzw. Standard-Vorgaben

zur Parameterliste

PATTERN

<PATTERN=[0-9][0-9][0-9][0-9][0-9]>   5-stellige Zahl (zB deutsche PLZ)
<PATTERN=[0-9]{5}>                    5-stellige Zahl (zB deutsche PLZ)
<PATTERN=\\d{5}>                      5-stellige Zahl (zB deutsche PLZ), aus "\\" macht HTML "\"
<PATTERN=.....>                       5 beliebige Zeichen
<PATTERN=.{5}>                        5 beliebige Zeichen
<PATTERN=\\d{8}[A-Z]\\d{3}>           deutsche SV-Nummer (ohne Plausi-Kontrolle, zB der Prüfziffer)

Vergleicht bei VOR/ZURÜCK , ERSTE/LETZTE , Kontrolle WAHR/FALSCH und Einblenden der Lösung die vorhandene Eingabe mit einem Muster.
Programmiert für <INPUT> und <TEXTAREA>, derzeit (2016) wird dies aber von allen Browsern bei <TEXTAREA> ignoriert.
Das Vergleichsmuster entspricht einem regulären Ausdruck.

zur Parameterliste

QINFO

<QINFO=Bitte hier klicken !>

Befindet sich die Maus über dem Antwortfeld, wird ein Text als Tooltipp eingeblendet. Mit \\n kommt ein Zeilenumbruch und \\t erlaubt die Ausrichtung. Das Zeichenformat ist fest, HTML ohne < und > (zB für die Erzeugung von Umlauten) wird ausgewertet. Ab einer bestimmten Fensterbreite erfolgt je nach Browser irgendwann ein automatischer Umbruch. Der Zeilenumbruch ist automatisch, mit einer Folge von 160-er Leerzeichen (als Leerzeile getarnt) kann die Fensterbreite etwas erweitert werden - beim IE wird bei mehr als 72 davon trotzdem umgebrochen. ALT+0173 erscheint im Tooltipp-Fenster als Minuszeichen und verhindert ebenfalls den Umbruch. Der IE limitiert die Verwendung von Tooltipps - bei mehr als 512 Zeichen schneidet er ab und nach 5 Sekunden schließt er das Fenster automatisch, also ist dort keine Zeit zum gemütlichen Lesen langer Erklärungen.


<QINFO=xxttmmjj@yyp\\n                                                                        \\nxx\\t=Gebiet\\nttmmjj\\t=Geburtsdatum\\n@\\t=Anfangsbuchstabe Geburtsname (A-Z)\\nyy\\t=laufende Nummer\\np\\t=Pruefziffer>
mit 72 Alternativ-Leerzeichen (ALT+0160) hintereinander, um im IE einen vorzeitigen Zeilenumbruch zu verhindern

zur Parameterliste

CSS


Hierarchie: 1.Programmstandard / 2.Teststandard (Testinfo) / 3.Fragenstandard(Frage oder Tipp) / 4.Einzelantwort (Antworttext oder -objekt)
Beginnt die Zeichenfolge mit + dann wird an die Festlegung der übergeordneten Hierarchie angeknüpft.
Fehlt der Parameter, wird die Festlegung der nächsthöheren Hierarchie-Ebene nicht übernommen, <CSS=+ > reicht für eine Übernahme aus.

Das Gleichheitszeichen anstelle des Doppelpunktes ist nicht zu verwenden, es wird nur vom IE8 unterstützt.
Das Semikolon hinter dem letzten CSS-Befehl ist ebenfalls zu setzen.



<CSS=font-family:\'Comic Sans MS\'; font-size:36pt;>


<CSS=height:85px; padding:20px; font-size:20pt; text-align:center; border:10px solid red; border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; >
Die abgerundeten Ecken werden im IE 7+8 nicht angezeigt:
moz: Netscape, Mozilla und Firefox<13
khtml: Konqueror und Safari



<CSS=height:85px; padding:20px; font-size:20pt; text-align:center; border:10px solid red; border-radius:30px;>
Die abgerundeten Ecken werden im IE 7+8 und in Netscape 9 nicht angezeigt:


zur Parameterliste

B

<B=Rahmendicke Rahmenstil Rahmenfarbe>

<BC=Rahmenfarbe-einheitlich>
<BC=Rahmenfarbe-oben Rahmenfarbe-rechts Rahmenfarbe-unten Rahmenfarbe-links>
<BS=Rahmenstil-einheitlich>
<BS=Rahmenstil-oben  Rahmenstil-rechts  Rahmenstil-unten  Rahmenstil-links>
<BW=Rahmendicke-einheitlich>
<BW=Rahmendicke-oben Rahmendicke-rechts Rahmendicke-unten Rahmendicke-links>

<BT=Rahmendicke-oben   Rahmenstil-oben   Rahmenfarbe-oben>
<BR=Rahmendicke-rechts Rahmenstil-rechts Rahmenfarbe-rechts>
<BB=Rahmendicke-unten  Rahmenstil-unten  Rahmenfarbe-unten>
<BL=Rahmendicke-links  Rahmenstil-links  Rahmenfarbe-links>

<BTW=Rahmendicke-oben>
<BRW=Rahmendicke-rechts>
<BBW=Rahmendicke-unten>
<BLW=Rahmendicke-links>

<BTS=Rahmenstil-oben>
<BRS=Rahmenstil-rechts>
<BBS=Rahmenstil-unten>
<BLS=Rahmenstil-links>

<BTC=Rahmenfarbe-oben>
<BRC=Rahmenfarbe-rechts>
<BBC=Rahmenfarbe-unten>
<BLC=Rahmenfarbe-links>

Rahmendicke (Rahmenstil=solid und Rahmenfarbe=red)
Schlüsselworte
ohne B-Parameter
(Standard)
 
Die CSS 2-Spezifikation bestimmt nur, dass diese Strichbreite
schmaler oder gleich wie medium dargestellt wird.
<B=thin solid red>
Die CSS 2-Spezifikation bestimmt nur, dass diese Strichbreite
breiter oder gleich wie thin und schmaler oder gleich wie thick dargestellt wird.
<B=medium solid red>
Die CSS 2-Spezifikation bestimmt nur, dass diese Strichbreite
breiter oder gleich wie medium dargestellt wird.
<B=thick solid red>
Absolute Längenwerte
 
genormte, international gültige Maßeinheit.
<B=0.5mm solid red>
 
 
genormte, international gültige Maßeinheit.
 
 
<B=0.5cm solid red>
 
genormte, international gültige Maßeinheit: 1 Inch entspricht 2.54 Zentimeter.
 
<B=0.1in solid red>
 
Einheit aus dem Druckwesen: 1 Point ist definiert als 1/72 Inch.
 
<B=3.5pt solid red>
 
Einheit aus dem Druckwesen: 1 Pica ist definiert als 12 Points oder 1/6 Inch.
 
<B=0.5pc solid red>
Relative Längenwerte
Diese Einheit ist gleich der Höhe des großen 'M' der aktuellen Schriftart. <B=0.5em solid red>
Diese Einheit bezieht sich auf die Höhe des kleinen 'x' der aktuellen Schriftart. <B=0.5ex solid red>
Diese Einheit entspricht einem Bildpunkt des Anzeigegerätes... <B=5px solid red>
Zahlenwerte
FUNKTIONIERT IM FIREFOX 17 NICHT! <B=10 solid red>

Rahmenstil (Rahmendicke=10px und Rahmenfarbe=red)
ohne B-Parameter
(Standard)
 
Dieser Wert setzt die Rahmenbreite auf '0' zurück,
d.h. es wird kein Rahmen dargestellt.
<B=10px none red>
FUNKTIONIERT IM IE 8 nicht!
 
<B=10px hidden red>
Punktierte Linie. Der CSS2-Standard sagt nichts darüber aus, ob die Punkte rund,
quadratisch oder elliptisch sein müssen/dürfen, über Abstände zwischen den Punkten oder die Ausrichtung innerhalb der Linie.
<B=10px dotted red>
Strichlierte Linie.
Auch hier ist nichts vorbestimmt über die Länge der Striche/Abstände oder deren Ausrichtung.
<B=10px dashed red>
 
Eine durchgehende Linie.
 
<B=10px solid red>
Zwei durchgehende Linien nebeneinander.
Die Breite der beiden Linien incl. des Zwischenraums soll der notierten Strichstärke entsprechen.
 
<B=10px double red>
 
3D-Effekt, bei dem der Rahmen wie in die Bildebene eingekerbt wirkt.
 
<B=10px groove red>
 
3D-Effekt, bei dem der Rahmen wie aus der Bildebene 'hervorspringt'.
 
<B=10px ridge red>
 
3D-Effekt, bei dem das gesamte Element wie in die Bildebene eingetieft wirkt.
 
<B=10px inset red>
 
3D-Effekt, bei dem das gesamte Element wie aus der Bildebene 'hervorspringt'.
 
<B=10px outset red>

Rahmenfarbe (Rahmendicke=thick und Rahmenstil=solid)
<B=thick solid #00220F>
<B=thick solid #02F>
<B=thick solid rgb(255,255,0)>
<B=thick solid rgb(100%,100%,0%)>
<B=thick solid FARBNAME>

In Firefox17, Opera12, Chrome22,Safari funktioniert es, im IE8, Netscape9 nicht: die Durchsichtigkeit
<B=thick solid rgba(127, 127, 127, 0.5)>
<B=thick solid rgba(50%, 50%, 50%, 0.5)>
<B=thick solid rgba(127, 127, 127, 50%)>
<B=thick solid rgba(50%, 50%, 50%, 50%)>

Der CSS 3-Standard erlaubt
<B=thick solid hsl(120, 50%, 50%)>
<B=thick solid hsla(120, 100%, 50%, 0.7)>
<B=thick solid cmyk(0.0, 0.95, 1, 0.1)>


<SCHRIFT=Courier New> <SIZE=36pt> <STYLE=italic> <WEIGHT=bold> <VCOLOR=black> <HCOLOR=aqua>
 H i n t e r g r u n d f a r b e
aquablackbluefuchsiagraygreenlimemaroon navyoliveorangepurpleredsilvertealwhiteyellow
R
a
h
m
e
n
f
a
r
b
e
aqua
black
blue
fuchsia
gray
green
lime
maroon
navy
olive
orange
purple
red
silver
teal
white
yellow

Zusammenfassung: Farbenlehre

Transparenz
transparent
   
 
 
 
 
Transparente Schrift wird von Firefox 17, Chrome 22, Opera 12, Safari 5 aber nicht von IE 8, Netscape 9 unterstützt.
 
 
 


Besser ist, die Vordergrundfarbe entsprechend der Hintergrundfarbe zu wählen.

 
 
 
Die 17 Standardfarbnamen (Grundfarben nach CSS 2.1)
CSS 2 kennt Schlüsselwörter für 16 Farbnamen. Der aktuellere CSS 2.1 führt noch eine weitere auf. Orange wurde anscheinend so häufig fälschlicherweise angegeben, dass die CSS-Arbeitsgruppe sich erbarmt hat, die Farbe aufzunehmen, auch wenn der Farbwert nicht so recht ins Schema passt.
   
             
 
             
 
             
 
Die 28 Systemfarben (Anwenderdefinierte Farbnamen nach CSS 2.1)
Bei anwenderorientierten Farben handelt es sich um Schlüsselwörter, die sich auf die grafische Umgebung des Benutzers, das heißt dessen Systemfarben beziehen. Damit lässt sich eine Website individuell an das vom Nutzer eingerichtete Look & Feel anpassen, das den Gewohnheiten und speziellen Bedürfnissen des Nutzers womöglich mehr entgegenkommt, als es ein Webautor vermag.
Aber: die anwenderdefinierten Farbnamen werden von CSS 3 an als 'deprecated', d. h. unerwünscht, eingestuft und sind jetzt bereits im W3C CSS Validation Service so gekennzeichnet. Das W3C benutzt diese Definition als Vorstufe zur endgültigen Entfernung aus dem Standard.
 
             
 
             
 
             
 
             
 
Die 147 CSS 3-Farbbezeichnungen nach SVG-1.0
Das CSS-3-Modul 'Color' wird auch die X11-Farbnamen als Teil des Standards enthalten. Dort heißen sie allerdings SVG-Farben, da die verwendeten Schlüsselworte an die Werte der Norm SVG 1.0 angepasst wurden. Bei Farbnamen mit grey/gray als Namensbestandteil funktioniert im IE7 nur eine Variante sicher. Die Begriffe aqua und cyan sowie fuchsia und magenta bedeuten jeweils dieselbe Farbe
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
             
 
Herstellerabhängige Farbnamen
Zusätzlich haben die Hersteller von Browsern eine Vielzahl von Farbnamen definiert. Bei diesen ist aber nicht sichergestellt, dass alle Browser diese Farbnamen auch interpretieren können.

Die 216 websicheren Farben (davon unterstrichen: die 22 "wirklich" websicheren Farben)


#000

#300

#600

#900

#C00

#F00

#003

#303

#603

#903

#C03

#F03

#006

#306

#606

#906

#C06

#F06

#009

#309

#609

#909

#C09

#F09

#00C

#30C

#60C

#90C

#C0C

#F0C

#00F

#30F

#60F

#90F

#C0F

#F0F

#030

#330

#630

#930

#C30

#F30

#033

#333

#633

#933

#C33

#F33

#036

#336

#636

#936

#C36

#F36

#039

#339

#639

#939

#C39

#F39

#03C

#33C

#63C

#93C

#C3C

#F3C

#03F

#33F

#63F

#93F

#C3F

#F3F

#060

#360

#660

#960

#C60

#F60

#063

#363

#663

#963

#C63

#F63

#066

#366

#666

#966

#C66

#F66

#069

#369

#669

#969

#C69

#F69

#06C

#36C

#66C

#96C

#C6C

#F6C

#06F

#36F

#66F

#96F

#C6F

#F6F

#090

#390

#690

#990

#C90

#F90

#093

#393

#693

#993

#C93

#F93

#096

#396

#696

#996

#C96

#F96

#099

#399

#699

#999

#C99

#F99

#09C

#39C

#69C

#99C

#C9C

#F9C

#09F

#39F

#69F

#99F

#C9F

#F9F

#0C0

#3C0

#6C0

#9C0

#CC0

#FC0

#0C3

#3C3

#6C3

#9C3

#CC3

#FC3

#0C6

#3C6

#6C6

#9C6

#CC6

#FC6

#0C9

#3C9

#6C9

#9C9

#CC9

#FC9

#0CC

#3CC

#6CC

#9CC

#CCC

#FCC

#0CF

#3CF

#6CF

#9CF

#CCF

#FCF

#0F0

#3F0

#6F0

#9F0

#CF0

#FF0

#0F3

#3F3

#6F3

#9F3

#CF3

#FF3

#0F6

#3F6

#6F6

#9F6

#CF6

#FF6

#0F9

#3F9

#6F9

#9F9

#CF9

#FF9

#0FC

#3FC

#6FC

#9FC

#CFC

#FFC

#0FF

#3FF

#6FF

#9FF

#CFF

#FFF


Zum Schluss das Wichtigste
Hintergrundfarbe=chucknorris=#C00000


zur Parameterliste

BACKFIRST

BACKNOTFIRST

<BACKFIRST=lightblue>
<BACKNOTFIRST=#55BBFF>
Einzutragen in der Test-Info, ist also immer test-einheitlich.
Der Wert #55BBFF steht für die Standard-Hintergrundfarbe.

zur Parameterliste

TIPP

KONTROLLE

LOESUNG

<TIPP=0>
<TIPP=1>
<KONTROLLE=0>
<KONTROLLE=1>
<KONTROLLE=10>
<KONTROLLE=11>
<KONTROLLE=*0>
<KONTROLLE=*1>
<LOESUNG=0>
<LOESUNG=1>
Erzwingen (=1) oder Verhindern (=0) der Nutzbarkeit (=Anklickbarkeit) der Buttons für den Tipp (wenn vorhanden), die Richtig/Falsch-Kontrolle und die Lösungseinblendung.
Einzutragen in Frage, Frageobjekt, Tipp oder Tippobjekt, ist also immer frage-spezifisch.
Überstimmt allein für die jeweilige Aufgabe die generellen Test-Einstellungen.


<TIPP=0> → Kein Anzeigen eines vorhandenen Tipps für die aktuelle Frage
<TIPP=1> → Anzeigen eines vorhandenen Tipps für die aktuelle Frage


<KONTROLLE=0> → Keine Kontrolle der Eingaben auf richtig/falsch möglich.
<KONTROLLE=1> → Falls nicht alle Eingaben OK sind, entscheidet die Test-Standardeinstellung, ob alle Eingaben entfernt werden.
<KONTROLLE=10> → Falls nicht alle Eingaben OK sind, bleibt alles bestehen.
<KONTROLLE=11> → Falls nicht alle Eingaben OK sind, werden alle Eingaben entfernt.
<KONTROLLE=*0> → Falls die testübergreifende Kontrolle eingeschalten ist, bleibt bei einem Fehler alles bestehen.
<KONTROLLE=*1> → Falls die testübergreifende Kontrolle eingeschalten ist, werden bei einem Fehler alle Eingaben entfernt.


<LOESUNG=0> → Kein Anzeigen der Ergebnisse für die aktuelle Frage möglich
<LOESUNG=1> → Anzeigen der Ergebnisse für die aktuelle Frage möglich

zur Parameterliste

ESCAPE

<ESCAPE=0>
<ESCAPE=1>
In der Test-Info zu platzieren,
ändert den Programmstandard (0) zur Anzeige von   oder   beim Test

zur Parameterliste

RESET

<RESET=0>
<RESET=1>
ändert den Programmstandard (1) zur Anzeige von    beim Test

zur Parameterliste

RADIO

<RADIO=0>
<RADIO=1>
ändert den Programmstandard (1) zur Anzeige einer Warnung bei Radiobutton-Fragen, wenn bislang keine Lösung angeklickt wurde
(Fragetypen 7, 37 und 47)

  Keine Auswahl getroffen !

zur Parameterliste

GEHEZU

<GEHEZU=0>
<GEHEZU=1>
ändert den Programmstandard (1) zur Anzeige der Dropdownliste zum Direktsprung zu bestimmten Aufgabennummern
oder

zur Parameterliste

ABGABE

<ABGABE=0>
<ABGABE=1>
ändert den Programmstandard (1) zur Anzeige des Abgabeknopfes vor der letzten Frage
oder

zur Parameterliste

P

<P=Abstand>
<P=AbstandOben AbstandRechts AbstandUnten AbstandLinks>
<PT=AbstandOben>
<PR=AbstandRechts>
<PB=AbstandUnten>
<PL=AbstandLinks>
    
<IFHOCH=85px> <TFBREIT=60> <P=20px> <SIZE=20px> <ALIGN=center> <B=10px solid blue>

    
<IFHOCH=85px> <TFBREIT=60> <P=20px 0px 20px 0px> <SIZE=20px> <ALIGN=center> <B=10px solid blue>

    
<IFHOCH=85px> <TFBREIT=60> <PT=20px> <PR=0px> <PB=20px> <PL=0px> <SIZE=20px> <ALIGN=center> <B=10px solid blue>
<IFHOCH>=<SIZE>+2*<P>+2*<BW>+5
Rahmenhöhe = Schriftgröße + 2*Abstand + 2*Rahmendicke + 5

<B=1px solid black> <ALIGN=center> <SCROLL=auto> <TFHOCH=4> <TFBREIT=35> <PT=30px> <SIZE=12pt> <SCHRIFT=Arial Narrow> 

zur Parameterliste

M

<M=Abstand>
<M=AbstandOben AbstandRechts AbstandUnten AbstandLinks>
<MT=AbstandOben>
<MR=AbstandRechts>
<MB=AbstandUnten>
<ML=AbstandLinks>
 a) b) c) 
    

a)<TFBREIT=2> <ALIGN=center> <SIZE=24pt>
b)<TFBREIT=2> <ALIGN=center> <SIZE=10pt> <MT=35px>
c)<TFBREIT=2> <ALIGN=center> <SIZE=24pt>


zur Parameterliste