JavaScript/DOM/Document/forms/elements/defaultValue

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Document‎ | forms‎ | elements
Wechseln zu: Navigation, Suche

Die Eigenschaft defaultValue speichert den voreingestellten Text eines Eingabefeldes.

Anwendbar auf:


Beispiel
<html>
<head>
  <title>Test</title>
</head>
<body>

  <form name="Testform" action="">

    URI: <input type="text" size="40" name="uri" value="http://www.example.org/en/">
         <input type="button" value="Gehe zu" onclick="window.location.href = document.Testform.uri.value">

  </form>


  <script>

    if (navigator.language.indexOf("de") > -1) {
      document.Testform.url.defaultValue = "http://www.example.org/de/";
      document.Testform.url.value = document.Testform.url.defaultValue;
    }

  </script>

</body>
</html>

Das Beispiel enthält ein Formular mit einem Eingabefeld und einem Button. Das Eingabefeld wird mit http://www.example.org/en/ vorbelegt. Beim Klick auf den Button wird der Wert aus dem Eingabefeld an window.location.href zugewiesen. Dadurch wird die entsprechende Adresse aufgerufen.

Bevor der Anwender jedoch überhaupt das Feld editieren kann, wird gleich beim Einlesen der Datei unterhalb des Formulars ein Script-Bereich notiert. Der Script-Bereich steht unterhalb, weil der darin enthaltene Code sofort ausgeführt und die Existenz des Formulars aber bereits voraussetzt. Es wird abgefragt, ob in der Ausweisung des Browsers (navigator.language) der Bestandteil de vorkommt (indexOf()). Wenn ja, ist es ein deutschsprachiger Browser. In diesem Fall wird der defaultValue des Eingabefeldes auf http://www.example.org/de/ geändert. Der geänderte Wert wird jedoch erst sichtbar, wenn er der Eigenschaft value zugewiesen wird. Dies geschieht in der zweiten Anweisung. Das Eingabefeld des Formulars ist dann abhängig von der Sprache des Browsers mit http://www.example.org/en/ oder http://www.example.org/de/ vorbelegt.