HTML PHP Formular

  • HTML PHP Formular

    Hi,

    Ich war mir nicht sicher wo hin das gehört also hab ichs mal hier gepostet.

    Ich will wein formulear in php erstellen und da ich neu in php bin wollt ich mal fragen wo ichs lerne kann oder mir jemand hier schnell hilft mein momentaner

    Nun aber um formular ich wollt ein formular das man ausfühlen muss und wenn man am ende den send knopf (oder wie der heist) drückt das es auf meine mysql datenbank gesaved und ichs dann sehe
    hier das formular im momentanen zustand (html)

    Quellcode

    1. <html>
    2. <head>
    3. <title>Unbenanntes Dokument</title>
    4. </head>
    6. <body>
    7. <center>
    8. <table>
    10. <tr><th>Nickname:&;lt;/th><th&
    11. gt;<input name="nickname" type="text" style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;" value="" /></th></tr>
    13. <tr><th>Produkt:&;lt;/th><th&
    14. gt;<input name="produkt" type="text" style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;" value="" /></th></tr>
    16. <tr><th>Preis:&;lt;/th><th&
    17. gt;<input name="pries" type="text" style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;" value="" /></th></tr>
    21. <tr><th>Welt:&;lt;/th><th&
    22. gt;<select input name="Welt">
    23. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Ankrador</option>
    24. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Bandrakon</option>
    25. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Dunladan</option>
    27. <tr><th>Kategorie:&;lt;/th><th&
    28. gt;<select input name="Kat">
    29. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Äxte</option>
    30. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Armbrüste</option>
    31. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Bauteile</option>
    32. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Bögen</option>
    33. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Dolche</option>
    34. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Keulen</option>
    35. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Rohstoffe</option>
    36. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Leichte Rüstung <i>Leder</i></option>
    37. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Leichte Rüstung <i>Wolle</i></option>
    38. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Schwere Rüstung</option>
    39. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Leichte Schilde</option>
    40. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Schwere Schilde</option>
    41. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Schwerter</option>
    42. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Stabwaffen</option>
    43. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Erdstab</option>
    44. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Feuerstab</option>
    45. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Luftstab</option>
    46. <option style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;">Wasserstab</option>
    48. </table>
    49. <input style="Border : #ffcc00 1px solid; Background-color: #000000; color: #000000&;quot; type="checkbox" name="Ver" />
    50. Verhandelbar<Br/>
    51. <input style="Border : #ffcc00 1px solid; Background-color: #000000; color: #000000&;quot; type="checkbox" name="Ver" />Aufbestellung<br/>
    52. <br/>
    53. <input name="best" type="submit" style="Background-color: #000000; Border: #ffcc00 thinsolid; color : #ffcc00; font-size : 14pt ; font-family : Vivante-DTC;" value="Eintragen"/>
    54. </from>
    55. </form>
    56. </center>
    57. </body>
    58. </html>
    Alles anzeigen

  • hi..

    hier ein paar tips:
    nutze css!!! schau dir den aktualisierten code an...

    vergessen hast du das <form> tag

    Quellcode

    1. <form method="post" action="2.php">


    2.php könnte dann so aussehen

    Quellcode

    1. <?php
    2. //connect zur datenbank
    3. $nickname = mysql_escape_string($_POST['nickname']);
    4. $produkt = mysql_escape_string($_POST['produkt']);
    5. mysql_query("insert into tabelle values($nickname, $produkt); ");
    6. ?>


    Hier ein bisschen Literatur:
    http://www.easy-coding.de/php-literatur-t61.html

    Und hier der neue html code

    Quellcode

    1. <html>
    2. <head>
    3. <style type="text/css">
    4. input, option {
    5. Background-color: #000000;
    6. Border: #ffcc00 thinsolid;
    7. color : #ffcc00;
    8. font-size : 14pt ;
    9. font-family : Vivante-DTC;
    10. }
    11. </style>
    12. <title>Unbenanntes Dokument</title>
    13. </head>
    15. <body>
    16. <center>
    17. <table>
    19. <form method="post" action="2.php">
    21. <tr><th>Nickname:</th><th>
    22. <input name="nickname" type="text" value="" /></th></tr>
    24. <tr><th>Produkt:</th><th>
    25. <input name="produkt" type="text" value="" /></th></tr>
    27. <tr><th>Preis:</th><th>
    28. <input name="pries" type="text" value="" /></th></tr>
    32. <tr><th>Welt:&;lt;/th><th&
    33. gt;<select input name="Welt">
    34. <option>Ankrador</option>
    35. <option>Bandrakon</option>
    36. <option>Dunladan</option>
    38. <tr><th>Kategorie:&;lt;/th><th&
    39. gt;<select input name="Kat">
    40. <option>Äxte</option>
    41. <option>Armbrüste</option>
    42. <option>Bauteile</option>
    43. <option>Bögen</option>
    44. <option>Dolche</option>
    45. <option>Keulen</option>
    46. <option>Rohstoffe</option>
    47. <option>Leichte Rüstung <i>Leder</i></option>
    48. <option>Leichte Rüstung <i>Wolle</i></option>
    49. <option>Schwere Rüstung</option>
    50. <option>Leichte Schilde</option>
    51. <option>Schwere Schilde</option>
    52. <option>Schwerter</option>
    53. <option>Stabwaffen</option>
    54. <option>Erdstab</option>
    55. <option>Feuerstab</option>
    56. <option>Luftstab</option>
    57. <option>Wasserstab</option>
    59. </table>
    60. <input type="checkbox" name="Verhandelbar" />
    61. Verhandelbar<Br/>
    62. <input type="checkbox" name="Aufbestellung" />Aufbestellung<br/>
    63. <br/>
    64. <input name="best" type="submit" value="Eintragen"/>
    65. </from>
    66. </form>
    67. </center>
    68. </body>
    69. </html>
    Alles anzeigen