PHP – Textfeld in der Tabellenzelle "unsichtbar" machen?
Hallo, liebe Community!
Ich habe eine Tabelle in php erstellt, damit dort meine Werte und Variablen geordnet eingegeben werden können.
Wie kann ich nun das Textfeld in die Tabellenzelle so einfügen, dass es diese gesamt füllt? Also dass es sich so anfühlt, als würde ich direkt in die Zelle schreiben.
Das wäre meine bisheriger Code:
echo "<table class='Tabelle'>";
echo "<table border='1'>";
echo "<tr> <td>$a </td> <td><br><input type=\"\" style=\"border: none\" name=\"g\" value=\"\">\n</td> <td>Summe von $a - $b = $c</></tr>";
echo "</table>";
LG, Jim
2 Antworten
In dem Zusammenhang auch interessant ist das (recht neue) HTML Attribute "contenteditable".
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content
Auch wenn die Verwendung als WYSIWYG Editor vielleicht nicht wirklich angezeigt ist, kann man es gerade für simple Textfelder gut nutzen und mit JS und ID Attribut im Element gut weiterverwenden
Mit etwas CSS kann man Abstände und Ränder passend setzen.
table {
border-collapse: collapse;
}
tr:last-child input {
border-bottom: 1px solid;
}
td {
padding: 0;
}
td:first-child input {
border-right: 0;
}
input {
border: 1px solid;
border-bottom: 0;
border-radius: 0;
}
HTML (zur Demo):
<table>
<tr>
<td><input></td>
<td><input></td>
</tr>
<tr>
<td><input></td>
<td><input></td>
</tr>
</table>