Wie kann ich eine dynamische HTML-Tabelle persistent erweitern?

Hey liebe GuteFrageNet-Community,

ich bastle gerade an einer Website, in der man eine Tabelle per Knopfdruck erweitern kann. Dies funktioniert soweit auch sehr gut, aber es wird nicht gespeichert, bzw. nur im Cache bei demjenigen, der den Knopfdruck ausgeführt und etwas hineingeschrieben hat.

Gibt es eine Möglichkeit, diese Tabelle zu "speichern" und es zu übernehmen?

Und noch eine weitere kleine Frage: In der Tabelle kann man wie oben schon beschrieben, etwas hineinschreiben. Wie kann man die Schriftfarbe dynamisch ändern? Also klar, mit type="color". Aber wie genau?

Hier der HTML und Javascript-Code:

<form method='post' name='first'>
  <table id='tab' border=5 id="box">
    <colgroup>
      <col width="40%">
      <col height="50%">
    </colgroup>
    <tbody>
      <th>Datum <br> Uhrzeit</th>
      <th>Map</th>
      <th>Ergebnis</th>
      <th>Spieler</th>
    </tbody>
    <tr>
      <td>
        <input id="changetext" type='text' type="color" name='Date' placeholder='Datum/Uhrzeit'>
      </td>
      <td>
        <input id="changetext" type='text' name='Map' placeholder='Map'>
      </td>
      <td>
        <input id="changetext" type='text' name='Result' placeholder='Ergebnis'>
      </td>
      <td>
        <input id="changetext" type='text' name='Player' placeholder='Spieler'>
      </td>
    </tr>
  </table>
  <br>
  <input type='button' value='neue Zeile' onClick='clone_this()'>
  <input id="changetext" type="color">
</form>
<script>
  var input = document.getElementById("changetext");
  var text = document.getElementById("text");

  input.addEventListener('change', function () {
    text.style.color = this.value;
  });
</script>

2 Antworten

RIDDICC

11.01.2020, 11:54

mit nem Javascript, dass n form.submit() auslöst?
allerdings flackert die Seite dann wie blöd, weil sie ganz neu aufgebaut wird...
du könntest auch n Socket aufmachen... das wär komplizierter aber flüssiger... :)
https://stackoverflow.com/questions/1736382/how-to-use-sockets-in-javascript-html

iLovePizza161

Fragesteller

11.01.2020, 12:00

Danke für die schnelle Antwort, ich verstehe relativ wenig von Js, was genau löst form.submiot() aus und wo muss ich den einbauen? Soll ich dir mal den ganzen Code der Index Website schicken? Und was löst Socket aus bzw wo muss ich den einbauen?

iLovePizza161

Fragesteller

11.01.2020, 12:11

Also das mit dem Socket hat funktioniert, jetzt nur noch das Speichern der Tabelle, ich versuche es zwar nochmal aber besser wäre es wenn du es mir erklärst.

iLovePizza161

Fragesteller

11.01.2020, 12:22

@iLovePizza161

Sorry, meinte das mit der Farbe läuft, aber das Speichern der Tabelle noch nicht.

RIDDICC

11.01.2020, 12:25

@iLovePizza161

also kannst du den Server erreichen?
dann musst du ihm doch nur noch den Tabelleninhalt oder die frischen Änderungen schicken...
auf dem Server sorgst du dann dafür, dass der diese Daten in die Datenbank schreibt...
oda?

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, JavaScript

11.01.2020, 16:02

Bevor ich auf dein Problem eingehe, möchte ich dich zunächst auf verschiedene Markupfehler aufmerksam machen.

1) Einem HTML Element kann nur eine ID zugeordnet werden.

Auf dem table-Element hast du aber zwei. Eines von beiden Attributen muss raus. Das gilt auch für deine Eingabefelder: Sie nutzen alle eine ID (changetext). Entweder, du verwendest stattdessen das class-Attribut oder du nummerierst die IDs (changetext1, changetext2, ...), damit sie wieder eindeutig sind.

Um dennoch noch alle Eingabefelder in JavaScript ansprechen zu können, müsstest du dann nach anderen Selektoren suchen und eine Schleife einsetzen.

Beispiel:

const inputFields = document.getElementsByClassName("changetext");

for (let i = 0; i < inputFields.length; ++i) {
  // do something with inputFields[i] ...
}

2) Wirf das border-Attribut raus, es ist veraltet.

Verwende CSS stattdessen:

table {
  border: 5px solid;
}

th, td {
  border: 1px solid;
}

Die Attributwerte gehören übrigens stets zwischen Anführungszeichen.

3) Das width-Attribut auf den col-Elementen ist veraltet.

Nutze stattdessen CSS.

Beispiel:

col:first-child {
  width: 40%;
}

col:last-child {
  width: 50%;
}

4) Die definierten Spalten widersprechen sich mit der Anzahl der th-Elemente und td-Elemente.

Du hättest vier col-Elemente angeben müssen, wenn du eine vierspaltige Tabelle definieren möchtest.

5) td- und th-Elemente gehören immer in ein gruppierendes tr-Element.

6) Die Elemente thead, tbody und tfoot dienen als (optionale) Hilfe, um eine in Bereiche Tabelle einzuteilen.

Die Kopfzellen (th) würde man typischerweise im thead unterbringen, deine td-Elemente im tbody. Das heißt, dieser Punkt ist kein Fehler, aber es wäre sinniger, es wie beschrieben zu machen.

7) Dein erstes Eingabefeld definiert zwei type-Attribute.

Eines muss raus.

Nun zu deinen Fragen:

Gibt es eine Möglichkeit diese Tabelle zu "speichern" und es zu übernehmen?

Ja. Dies muss allerdings an einer (zentralen) Stelle geschehen. Schicke die Daten an eine Serveranwendung, damit diese die Informationen persistent irgendwo abspeichern kann (in einer Datei, einer Datenbank, ...). Spätestens bei dem nächsten Aufruf der Seite müsste die Anwendung die Daten wieder aus der persistenten Quelle holen und mit in den Response schreiben.

Um das Formular selbst abzuschicken, muss nicht viel getan werden. Es muss nur das submit-Event getriggert werden. Das lässt sich einfach mit einem Button realisieren:

<button>Save</button>

Du kannst die Daten aber auch via JS / AJAX-Request verschicken, um ein Neuladen der Seite zu vermeiden.

Bezüglich der serverseitigen Anwendung gäbe es zunächst verschiedene Fragen bezüglich der dir verfügbaren Ressourcen zu klären:

Welchen Webserver nutzt du / welche Programmiersprachen unterstützt dieser? Kannst du eine dieser Sprachen?
Wo möchtest du die Daten speichern (in einer Datei / Datenbank)?

iLovePizza161

Fragesteller

11.01.2020, 18:46

Vielen Dank für die Antwort und, dass du dir die Zeit genommen hast. Zu den Fragen:

Momentan nutze ich 000webhost um mich langsam ranzuwagen, bald nutze ich evtl. one. Mein momentaner Webserver benützt PHP und MySQL. Ich könnte evtl ein bisschen PHP.

Wenn ich die Daten auf einer Datenbank speichern will, dann müsste ich mir eine zulegen bzw kaufen oder? Wenn ich die Daten in einer Datei abspeichere geht das direkt auf dem Server? Ich würde die kostengünstigere Version nehmen :D

regex9

11.01.2020, 19:55

@iLovePizza161

MySQL ist ein Datenbankmanagementsystem. Das heißt, du hast bereits einen Server zur Verfügung, auf dem du eine Datenbank anlegen kannst. Es ist bereits im Hosting-Paket mit enthalten. Auch bei anderen Webhostern wirst du meist so ein Paket bekommen.

Dateien kannst du ganz sicher via FTP-Client (z.B. FileZilla) hochladen. PHP bietet bspw. für die Speicherung von Daten im CSV-Format schon einige Funktionen an. Ansonsten sind andere Formate (JSON, INI, individuell, ...) natürlich auch möglich. Beim Schreiben und Lesen der Daten solltest du die Datei für die gegebene Zeit am besten ent-/sperren, um Inkonsistenzen zu verhindern.

Vermutlich hast du bei 000webhost auch phpMyAdmin installiert (schon vom Hoster aus). Das ist eine Webanwendung, die dir eine benutzerfreundliche Oberfläche bietet, in der du deine Datenbanken verwalten kannst. In der würde ich mir eine Datenbank mit einer Tabelle anlegen.

Du hast vier Spalten (in Klammern die Datentypen):

Datum und Uhrzeit (DATETIME)
Map (VARCHAR)
Ergebnis (entweder VARCHAR oder wenn du darin nur Zahlen speicherst, einen numerischen Typ)
Spieler (VARCHAR)

Mit PHP würdest du die Daten vom Client stets entgegennehmen und dann in der Datenbank speichern oder andersherum, die Daten aus der Datenbank lesen und an den Client schicken. Für die Kommunikation mit der Datenbank kannst du auf verschiedene vorimplementierte Funktionen von PHP zugreifen. Entweder du nutzt MySQLi oder PDO. Nutze in jedem Fall Prepared Statements, denn die filtern / maskieren die Eingaben, die an die DB gesendet werden sollen, intern und verhindern so eine mögliche MySQL-Injection.

Ansonsten benötigst du noch SQL-Kenntnisse, um die Queries definieren zu können, die an den Datenbankserver geschickt werden.

Wenn du die Daten via Formular verschickst, lassen sie sich im Zielskript (s. action-Attribut des form-Elements) aus dem $_POST-Array auslesen. Ein ähnliches Beispiel zum Auslesen von Formulardaten findest du hier. In deinem Fall kannst du deine Felder sogar gruppieren (lies hier), um das Auslesen später zu vereinfachen.

Der alternative Weg wäre das Auslesen der Formularfelder mit JavaScript und dann das Senden der Daten an die Serveranwendung (PHP-Skript) via XmlHttpRequest. Den Response kannst du in diesem Zuge sofort abgreifen und in dein Dokument einfügen.

Soweit nur viele Stichworte und Tipps in Kurzfassung. Grundvoraussetzung wäre zunächst, dass du dir Grundlagenkenntnisse zu PHP und SQL aneignest.

So, ich habe ein Problem.

Gerne möchte ich daten als liste aus einer datenbank laden. diese daten sollen seiten anzeigen als tabelle, diese seiten haben aber teilweise untergeordnete seiten die in der datenbank unter 'parent' die 'id' des elternelementes und diese wiederum können auch untergeordnete seiten haben.

wie gestalte ich die datenbankabfrage wenn ich die seiten anzeigen will in einer tabelle in der erst die "Höchste" nach dem 'sort' wert absteigend und zwischen diesem sort und dem nächsten "höchsten" datensatz dazwischen die unterseiten erscheinen?

hier ein bild der Tabelle:

anhin ein codeschnipsel der tabelle die ich schon habe:

<?php if (!empty($pages)): ?>
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Link</th>
                <th>Titel</th>
                <th>Navigationselement</th>
                <th>Aktionen</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach($pages AS $page): ?>
                <tr>
                    <td><?php echo e($page->id); ?></td>
                    <td><?php echo e($page->slug); ?></td>
                    <td><?php echo e($page->title); ?></td>
                    <td><?php echo e($page->nav); ?></td> 
                    <td>
                        <form method="POST" action="./?route=admin/page/delete">
                            <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>" />
                            <input type="hidden" name="id" value="<?php echo e($page->id); ?>" />
                            <input type="submit" value="Löschen" class="button-as-link" />
                        </form>
                        <a href="./?route=admin/page/edit&id=<?php echo e($page->id); ?>">Editieren</a>
                    </td>
                </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
<?php else: ?>
    <p>Es wurden noch keine Seiten angelegt.</p>
<?php endif; ?>

...zur Frage

HTML / JS: Wie kann ich mehrere Sachen aus dem localStorage ausgeben?

Hallo,

ich habe vor, eine Benutzerverwaltungssoftware zu programmieren. Jedoch bin ich auf ein Problem gestoßen.

Bei der unteren Artikelnummer kann man eine Art Schlüssel eingeben, welcher aber nicht gleich wie die Artikelnummer sein muss.

z.b. so..

Wenn man dann auf Suchen klickt und die Artikelnummer 01 eingibt, sollte es mir alles ausgeben. Das heißt, die Artikelnummer, Beschreibung, den Lagerplatz, usw..

Das habe ich bis jetzt alles:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8" />
  <title>Alle Artikel</title>
</head>
<body>
  <table>
    <thead>
      <tr>
        <td>Artikel Nr.</td>
        <td>Beschreibung</td>
        <td>Lagerplatz</td>
        <td>Bestand</td>
        <td>Preis</td>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>
          <input id="Artikel" value="" type="text" />
        </th>
        <th>
          <input id="Beschreibung" value="" type="text" />
        </th>
        <th>
          <input id="Lagerplatz" value="" type="text" />
        </th>
        <th>
          <input id="Bestand" value="" type="text" />
        </th>
        <th>
          <input id="Preis" value="" type="text" />
        </th>
      </tr>
    </tbody>
  </table>
  Artikel Nr.: <input id="Schlüssel" value="" type="text" />
  <input type="button" value="speichern" onclick="speichern()" />
  <input type="button" value="Artikel suchen" onclick="suche()" />
</body>
</html>
<script>
  function speichern() {
    var Schlüssel = document.getElementById('Schlüssel').value;
    var Artikel = document.getElementById('Artikel').value;
    var Beschreibung = document.getElementById('Beschreibung').value;
    var Lagerplatz = document.getElementById('Lagerplatz').value;
    var Bestand = document.getElementById('Bestand').value;
    var Preis = document.getElementById('Preis').value;

    window.localStorage.setItem(Schlüssel, Artikel, Beschreibung, Lagerplatz, Bestand, Preis);
  }

  function suche() {
    var Schlüssel = document.getElementById('Schlüssel').value;
    document.getElementById('Artikel').value = window.localStorage.getItem(Schlüssel);
  }
</script>

Ich danke für eure Hilfe.

Gruß

...zur Frage

Taschenrechnr mit Typescript erstellen?

Hallo, wir sollten für unseren Kurs einen Taschenrechner auf unserer Webseite erstellen. Diese sollte erst + - * und / errechnen können. Dies habe ich so gemacht:

<form name="Rechner">
 <table border="10" cellpadding="10" bgcolor="#E0E0E0">
   <tr>
     <td bgcolor="#C0C0C0"><input name="Display" size="30" maxlength="30"></td>
   </tr>
   <tr>
     <td>
  <table>
       <tr>
         <td width="50"><input type="button" value="  7  " onclick="Hinzufuegen('7')"></td>
         <td width="50"><input type="button" value="  8  " onclick="Hinzufuegen('8')"></td>
         <td width="70"><input type="button" value="  9  " onclick="Hinzufuegen('9')"></td>
         <td width="50"><input type="button" value="  +   " onclick="Hinzufuegen('+')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="  4  " onclick="Hinzufuegen('4')"></td>
         <td width="50"><input type="button" value="  5  " onclick="Hinzufuegen('5')"></td>
         <td width="70"><input type="button" value="  6  " onclick="Hinzufuegen('6')"></td>
         <td width="50"><input type="button" value="   -   " onclick="Hinzufuegen('-')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="  1  " onclick="Hinzufuegen('1')"></td>
         <td width="50"><input type="button" value="  2  " onclick="Hinzufuegen('2')"></td>
         <td width="70"><input type="button" value="  3  " onclick="Hinzufuegen('3')"></td>
         <td width="50"><input type="button" value="      " onclick="Hinzufuegen('')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="   =   " onclick="Ergebnis()"></td>
         <td width="50"><input type="button" value="  0  " onclick="Hinzufuegen('0')"></td>
         <td width="70"><input type="button" value="  .   " onclick="Hinzufuegen('.')"></td>
         <td width="50"><input type="button" value="   /   " onclick="Hinzufuegen('/')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="Wurzel " onclick="Sonderfunktion('sqrt')"></td>
         <td width="50"><input type="button" value=" pow " onclick="Sonderfunktion('pow')"></td>
         <td width="70"><input type="button" value=" log " onclick="Sonderfunktion('log')"></td>
         <td width="50"><input type="reset" value="  C  "></td>
       </tr>
       <tr>
     </table>
     </td>
   </tr>
 </table>
</form>

Jetzt sollen wir den Taschenrechner erweitern und Flächeninhalt; Umfang(Rechteck),Potenzieren,Fakultät, Modulo und Dezimal Dual hinzufügen.

Die Buttons kann ich erstellen, aber wie erstelle ich die dazugehörige scripts? Ich hoffe jemand kann mir helfen. :(

...zur Frage

HTML Form auswerten und neue Füllen?

Hey!

Ich habe folgende Input form:

        <form action="/calculate" method="GET">
            <br><label for="KM_cost_truck_a">KM cost truck a</label>
            <input required placeholder="10" ype="text" id="KM_cost_truck_a" name="KM_cost_truck_a"><br>
    
            <label for="KM_cost_truck_b">KM cost truck b</label>
            <input required placeholder="9" type="text" id="KM_cost_truck_b" name="KM_cost_truck_b"><br>
    
            <label for="Product_cost_a">Product cost a</label>
            <input required placeholder="7" type="text" id="Product_cost_a" name="Product_cost_a"><br>
    
            <label for="Product_cost_b">Product cost b</label>
            <input required placeholder="11" type="text" id="Product_cost_b" name="Product_cost_b"><br>
    
            <label for="Source_a_location">Source a location</label>
            <input required placeholder="Berlin" type="text" id="Source_a_location" name="Source_a_location"><br>
    
            <label for="Source_b_location">Source b location</label>
            <input required placeholder="Paris" type="text" id="Source_b_location" name="Source_b_location"><br>
    
            <label for="Truck_a_capacity">Source a capacity</label>
            <input required placeholder="5" type="text" id="Truck_a_capacity" name="Truck_a_capacity"><br>
    
            <label for="Truck_b_capacity">Source b capacity</label>
            <input required placeholder="3" type="text" id="Truck_b_capacity" name="Truck_b_capacity"><br>


            <button type="submit" id="calcbtn" value="Submit">Calculate</button>
        </form>

Die eine Anfrage an meinen Server schickt und die ergebnisse dann auf eine neue Seite kommen. (Man wirt weitergeleitet)

Wie kann ich eine neue form mit der Antwort vom server füllen?

...zur Frage

HTML Formularbutton, der E-Mail versendet?

Hallo,

ich habe in meiner Webseite ein Formular erstellt (Code ist hier eingefügt) und möchte, dass wenn man auf den <input> (submit) drückt, dass eine E-Mail versendet wird, an eine Adresse, die ich vllt. im HTML-Code angeben würde.

Geht das irgendwie?

Danke im Voraus!

<form style="margin-left: 3%; margin-right: 3%; padding-top: 20px;">
  <div class="form-group">
    <label>Vorname, Nachname</label>
    <input type="text" class="form-control" name="Name" placeholder="Ihr Name">
  </div>
  <div class="form-group">
    <label>E-Mail</label>
    <input type="email" class="form-control" name="E-Mail" placeholder="Ihre E-Mail">
  </div>
  <div class="form-group">
    <label>Betreff/Titel</label>
    <input type="text" class="form-control" name="Titel" placeholder="Titel">
  </div>
  <div class="form-group">
    <label>Anliegen</label>
    <textarea class="form-control" name="Anliegen" placeholder="Ihr Anliegen"></textarea>
  </div>
  <div class="form-group">
    <input type="submit" class="btn btn-primary" name="Button" value="Senden">
  </div>
</form>

...zur Frage

PHP: Ergebnis erst später aufdecken nach Antwort?

Hey,

ich habe folgenden html und php-Code.

<form action="Subtraktion (1).php" method="post" target="">
<table>
<tr>
<td><font face="Roboto Slab" size=+1>Anzahl der Aufgaben eingeben</font></td>
<td><input type="Text" name="z" value="" size="" maxlength=""></input></td>
<td align="center"><input type="submit"  style="font-family: 'Roboto Slab'"  background-color="black" name="y" value="Absenden"></td></tr>
</table>
<br>
</form>

<?php
if((isset($_POST['z'])) and (is_numeric($_POST['z'])))
{
$zahl = $_POST['z'];

{

 while($zahl>0)
  {

  $a = rand(5, 10);
  $b = rand(0, 5);
  $erg = $a - $b;
  $zahl = $zahl - 1;

  echo "<table class='Tab'>";
  echo "<table border='1'>";
  echo "<tr> <td>$a - $b = ?</td> <td><input type=\"Text\" name=\g\"  value=\"\">\n</td><td>$a - $b = $erg</td></tr>";
  echo "</table>";
}
}}

?>
</body>
</html>

Damit soll der Nutzer Aufgaben – so viel wie er anfangs ausgewählt hat, berechnet können. Die Aufgaben bestehen hierbei aus zufälligen Zahlen. Meine Frage wäre jetzt: wie ich es schaffen kann (mit eher einfachen Befehlen), den Code so zu schreiben, dass das Ergebnis – hier: $a - $b = $erg – erst enthüllt wird, sobald der Nutzer ins Textfeld seine Antwort zur Aufgabe eingegeben hat?

Hier nochmals die Stelle (auch oben zusammen mit dem gesamten Code sichtbar):

echo "<table class='Tab'>";
echo "<table border='1'>";
echo "<tr> <td>$a - $b = ?</td> <td><input type=\"Text\" name=\g\" value=\"\">\n</td><td>$a - $b = $erg</td></tr>";
echo "</table>";

Vielen Dank :)

...zur Frage

CSS-Table zentrieren?

Hallo!

Ich möchte dieses Diagramm und diese Tabelle zentrieren? Doch wie geht das?



<div id="curve_chart" style="width: 900px; height: 500px"></div>

<table class="center">
    <thead>
        <tr>
            <th>ID</th>
            <th>Temperatur</th>
            <th>Zeitpunkt</th>
        </tr>
    </thead>
    <tbody>
        {% for temp in temps %}
        <tr>
            <td>{{temp.id }}</td>
            <td>{{temp.temperatur }}</td>
            <td>{{temp.zeitpunkt }}</td>
        </tr>
        
        {% endfor %}
        
    </tbody>
</table>


{% endblock %}

...zur Frage

HTML: Wie kann ich der input-Box eine Klasse hinzufügen?

Hey, ich arbeite derzeit an einem Projekt. Doch ich habe das Problem, dass ich einer input-Box keine Klasse hinzufügen kann.

Hier der Code:

<form action="SaveScript.php" method="POST">
  <input type="text" name= "food" placeholder="">
  <br>
  <button type="submit" name="add">Hinzufügen</button>
</form>

Das Problem ist, dass ich im input keine Klasse hinzufügen kann, bzw. sie dann nicht funktioniert.

...zur Frage

HTML projekt wie findet ihr die vorarbeit?

html:

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<Header>
</Header>
<div class="input">
<main>
<form action="" method="post">
<h2>Anmeldung</h2>
<input type="email" name="Email" placeholder="Email hier eingeben" required="@" id=""> <br>
<input type="text" name="Benutzer" placeholder="Benutzer hier eingeben" required="A-z" > <br>
<input type="password" name="passwort" placeholder="password hier eingeben " id=""> <br>
<input type="submit" value="Anmelden">
<input type="reset" value="reset">
</form>
</div>
<hr>
<a href="#">Impressum</a>
<a href="#">kontakt</a>
<a href="#">Über uns</a>
</main>
<footer>
</footer>
</body>
</html>

css

body {
font-family: Arial, Helvetica, sans-serif;
color: white;
}
body{
background-color: black;
}
.input {
display: flex;
margin: 700px;
margin-top: 300px;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: 1px 1px 3px 3px white;
border-radius: 30px;
height: 300px;
width: 300px;
}
a{
font-family: Arial, Helvetica, sans-serif;
display: flex;
justify-content: center;
align-items: center;
}
a:hover{
color: green;
text-decoration-line: none;
}
input{
padding: 5px;
border-radius: 10px;
}
input[type="submit"] {
font-size: 1.0em; padding: 1px 6px;
font-family: Roboto, sans-serif;
font-weight: 100;
color: teal;
border: 1px solid silver;
background-image: linear-gradient(to top, gainsboro 0%, white 90%);
border-radius: 20px;
}
input[type="reset"] {
font-size: 1.0em; padding: 1px 6px;
font-family: Roboto, sans-serif;
font-weight: 100;
color: teal;
border: 1px solid silver;
background-image: linear-gradient(to top, gainsboro 0%, white 90%);
border-radius: 20px;
}

...zur Frage

HTML Form beim aktualisieren der Seite trägt sie die daten nochmal in die Datenbank ein, wie geht das weg?

Also ich hab eine Form in HTML und damit will ich sachen in einer SQL datenbank eintragen, funktioniert alles gut. Aber wenn ich die Seite aktualiesiere werden die eingeben Daten aus dem input nochmal in die Datenbank eingetragen. Wie kann ich das Wegmachen?

  <form class="tester" action="index.php" method="post">
                <?php include 'class_SQLAccount.php'; ?>


                <input class="AccountSystemAddInput" placeholder="Vorname" type="text" name="box_vorname">
                <input class="AccountSystemAddInput" placeholder="Nachname" type="text" name="box_nachname">
                <input class="AccountSystemAddInput" placeholder="Email" type="text" name="box_email">
                <input class="AccountSystemAddInput" placeholder="Passwort" type="text" name="box_password">
                <input class="AccountSystemAddInput" placeholder="Passwort wiederholen" type="text" name="box_retrypassword">
                <br>
                <input class="AccountSystemSubmit" type="submit" name="btn_AddUser" value="Hinzufügen">
                <p class="ErrorText"><?php print $var_errortext ?></p>
                <br>
              </form>

...zur Frage

Warum funktioniert dieser PHP-Code nicht?

Es wird gesagt, dass es einen Fehler in Zeile 17, 18 und 19 gibt. Also ab

$name = $_POST['Name'];

Ich finde den Fehler dazu aber nicht. dieser Code ist dazu da, einen neuen Benutzer in eine Datenbank zu speichern.

Code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  </head>
  <body>
    <form method="post">
      <input type="Text" id="Name" placeholder="Name"><br><br>
      <input type="Text" id="Vorname" placeholder="Vorname"><br><br>
      <input type="number" id="Telefonnummer" placeholder="Telefonnummer"><br><br>
      <input type="submit">
    </form>
    <?php
      $name = $_POST['Name'];
      $Vorname = $_POST['Vorname'];
      $Telefonnummer = $_POST['Telefonnummer'];
      require "./Config.php";
      $pdo;
      $sql = "INSERT INTO user (Name, Vorname, Telefonnummer) VALUES (:Name, :Vorname, :Telefonnummer)";
      $stmt = $pdo -> prepare($sql);
      $stmt -> execute(['name' => $name, 'Vorname', $Vorname, 'Telefonnummer', $Telefonnummer]);
    ?>
  </body>
</html>

...zur Frage

Wie kann ich mit Javascript eine Zeile einer (HTML)Tabelle auslesen?

<table width="840px" height="100px" border="solid">
<tr>
<td width="270px" align="center" id="eineID">
50
</td>
<td>
<script type="text/javascript">
//auslesen der 50
</script>
</td>
</tr>
</table>

...zur Frage

[HTML/CSS] Zwei Form Elemente nebeneinander in die Mitte des Bildschirms?

Hallo Leute, ich würde gerne meine beiden Input Elemente nebeneinander in die Mitte des Bildschirms haben. Habe schon versucht ein DIV außenrum zu erstellen und diesem text-align:center zu geben. Hat leider nicht geholfen.

Mein Code:

<div class="upperForm form-row">
  <div class="form-group">
    <label for="name1">Name</label>
    <input type="text" class="form-control main-input" id="name1" placeholder="">
  </div>
  <div class="form-group">
    <label for="exampleInputEmail1">Email</label>
    <input type="email" class="form-control main-input" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="">
    <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
  </div>
</div>

...zur Frage

Javascript Formular mit Placeholder rechnen?

Hallo,

ich habe folgenden Code:

<html>
    <head></head>
    <body>
        <input type="number" id="in1" placeholder="0">
        <input type="number" id="in2" placeholder="0">
        <input type="number" id="out">
        <input type="button" value="Weiter" onclick="
            out.value = parseFloat(in1.value) + parseFloat(in2.value);
        ">
    </body>
</html>

Wenn ich in ein Feld nichts eingebe, doll Javascript den placeholder (also 0) als Inhalt ansehen und mit diesem Wert weiterrechnen. Es klappt aber leider noch nicht. Kann mir da wer helfen?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen