Mit dieser Aufgabe sollen u.a. folgende Themen behandelt werden:

• Formularelemente wie Input-, Textarea-, Select- und Button-Felder (siehe Abschnitt 2.6)
• Darstellung der Daten in einer Tabellen (siehe Abschnitt 2.13)
• Tab-Klasse (siehe Abschnitt 2.12)
• Einbettung von PHP in HTML(siehe Abschnitt 5.1)
• Einbindung von einem Bild in einer Website (siehe rot markierten Code in diesem Beispiel)
• Auswertung der Eingabe- und Auswahldaten mit der PHP (siehe den Code in diesem Beispiel)

<form  class="mb-4" action="c63.php" method="post">
   <div class="form-group">
       <label class='control-label' for='inputBausteinnr'>Bausteinnr.:</label>
       <input type="text" name ="bsn" id='inputBausteinnr' placeholder="Enter Bausteinnr."/>
   </div>
   <div class="form-group">
       <label class='control-label' for='inputBaustein'>Bausteinbezeichnung:</label>
       <input type="text" name ="bsz" id='inputBaustein' placeholder="Enter Bausteinbez."/>
   </div>
   <div class="form-group">
       <label class='control-label'>Produktgruppe:</label>
       <select data-role="select" name="pg">
	       <option class="fg-cyan" value="Hemd">Hemd</option>
	       <option class="fg-red" value="Hose">Hose</option>
	       <option selected class="fg-green" value="Rock">Rock</option>
	    </select>
   </div>
   <div class="form-group">
       <label class='control-label'>Beschreibung:</label>
      <textarea data-role="textarea" name="bes" class="form-control" ></textarea>
   </div>
	 <div class="form-group">
	      <button type='submit' name="send" class='btn btn-primary'>
		<span class='fa fa-send'></span> Send</button>
	 </div>
</form>
<?php
if(isset($_POST["send"])) {
	echo "<p>Modelldatenblatt ausgeben</p>";
	echo "<table class='table striped'>";
	echo "<thead>";
	echo "<tr>";
	echo "<th><b>Beschreibung</th>";
	echo "<th><b>Eingabedaten</th>";
	echo "<th><b><p align='center'>Bild</p></th>";
	echo "</tr>";
	echo "</thead>";
	echo "<tbody>";
	echo "<tr>";
	echo "<td><b>Produktgruppe: </td>";
	echo "<td><i>" . $_POST["pg"] ."</i></td>";
	echo "<td rowspan='5'><img src='images/" . $_POST["bsn"] . ".jpg' alt='itkurs' 
					width='200' height='300' /></td>";
	echo "</tr>";
	echo "<tr>";
	echo "<td><b>Bausteinnr.: </b></td>";
	echo "<td><i>" . $_POST["bsn"] ."</i></td>";
	echo "</tr>";
	echo "<tr>";
	echo "<td><b>Bausteinbezeichnung: </b></td>";
	echo "<td><i>" . $_POST["bsz"] ."</i></td>";
	echo "</tr>";
	echo "<tr>";
	echo "<td><b>Beschreibung: </b></td>";
	echo "<td><i>" . $_POST["bes"] ."</i></td>";
	echo "</tr>";
	echo "</tbody>";
	echo "</table>";
}	 
?>