So erstellst du einen Button

Code skill

Dieser Quellcode zeigt dir, wie du das <input/>-Tag, das type-Attribut und das value-Attribut verwendest, um einen Button (Schaltfläche) und ein Textfeld zu erstellen. Mit dem type-Attribut kannst du den Typ deines Eingabe-Elementes bestimmen, z.B. Textfeld oder Button. Mit dem value-Attribut legst du den Text fest, der in dem Eingabefeld oder auf dem Button zu sehen ist. Mit CSS kannst du die Farbe des Buttons verändern. Im Moment sind Button und Textfeld zwar auf der Webseite zu sehen, aber es passiert noch nichts, wenn man sie anklickt.

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Aufgabenliste-App</title>
</head>
<body>
      <p>Aufgaben für Sonderausstellung</p>
      <br/>
      <input type="text" value="Aufgabe eintippen"/>
      <br/>
      <input type="button" value="Einfügen" />
      <br/>
</body>
</html>

Zurück zur Mission
Copyright © 2008 Walker Books Ltd
Illustrations © Duncan Beedie
All rights reserved.