14
Formulare Maya Kindler 6c

Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

Embed Size (px)

Citation preview

Page 1: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

FormulareMaya Kindler 6c

Page 2: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

Allgemein•Vom client zum Server

• form tag eröffnet ein Formular

•Input tag eröffnet ein Formularfeld

Page 3: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

Im form tagAttribute:•method: POST- url ist versteckt GET- url ist sichtbar

•action: muss so heißen wie die Datei (.php!), wohin geht das Formular?

Page 4: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

Input-tag Attributetype : bei einem Textfeld „text“bei radio buttons „radio“

name: man gibt dem Feld einen Namen zB: name="name", name="Ort"

Page 5: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

PHP- etwas passiert mit dem Formular•man muss ein Variablenfeld (array)

erstellen ,die heißt wie die Methode- GET/POST

•Variablen werden immer mit $ angesprochen 

•Man hat also einmal;Es wird das ausgegeben was man geschrieben hat

Page 6: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

PHP•Wenn etwas ist, soll etwas passieren: •Verzweigungsstrukturen: if, else

•Man schreibt in php:

Bedingung

Funktion, kontrolliert ob variable vorhanden ist

Page 7: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

PHP•Um einen Senden button zu erstellen

macht man den submit:

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

Page 8: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

switch- Fallunterscheidung:•Kontrolliert ob etwas übereinstimmt und

wirft dann das Passende aus (switchcase)

•Fast wie if und elseif, nur wird hier immer nach Übereinstimmung gesucht.

•Steht in PHP

Page 9: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

<?phpif (isset($_POST["pass"])) {switch ($_POST["pass"]) {case "123":include("info1.html");break;case "1234":include("info2.html");break;

default:echo "<p>ERROR!</p>";} } ?>

Wenn etwas in dem Feld steht, soll etwas passieren, wenn

123 eingegeben wurde soll info1.html eingefügt werden1234 eingegeben wurde soll info2.html eingefügt werdenWenn etwas

anderes eingegeben wurde soll ERROR! stehen

Page 10: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

<?phpif (isset($_POST["pass"])) {switch ($_POST["pass"]) {case "123":include("info1.html");break;case "1234":include("info2.html");break;

default:echo "<p>ERROR!</p>";} } ?>

funktion

Funktion include: externe Datei wird eingebunden

Wenn etwas der fall ist

Es wird etwas zurückgerufen

Pause

Page 11: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

Radio buttons: •man wählt zwischen Punkten aus

Bei dem input type gibt man radio einleft: <input type=„radio“ name=„Radio“>

Das macht man sooft man will

Den Namen (left,right,...) schreibt man vor den input type!

Page 12: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

placeholder•Mit Attribut im form tag placeholder, wird

etwas grau unterlegt im Formularfeld

•Verschwindet, wenn man etwas schreibt

Page 13: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

maxlength•Im input tag das Attribut maxlength, gibt

die Maximalzeichenanzahl an

•<input maxlenght=„20“ name=„max“>

Page 14: Formulare Maya Kindler 6c. Allgemein Vom client zum Server form tag eröffnet ein Formular Input tag eröffnet ein Formularfeld

password•Wenn man etwas verschleiern will, gibt

man als tyle im input tag „password“ ein.

•<input type=„password“ name=„pass“>