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.
3 Antworten
So fügst du eine Klasse, ich nenne sie "deineKlasse", zum Input hinzu:
<form action="SaveScript.php" method="POST">
<input name="food" class="deineKlasse">
<br>
<button type="submit" name="add">Hinzufügen</button>
</form>
PS: type="text" und placeholder="" sind Standard-Werte bei <input> und können daher weggelassen werden.
Funktioniert definitiv. Du machst einfach nur irgendwas anderes falsch.
Hier kuck, funktioniert problemlos: https://jsfiddle.net/kphtf18n/2/
Wie versuchst du denn auf die Klasse zuzugreifen? Ich denke mal du willst das in CSS irgendwie benutzen oder? Zeig mal den Teil des Codes
Hier mein html code:
<nav> Inhalt von sidebar... halt normale html sachen hier </nav>
<main>
<br>
<br>
<center>
<form action="SaveScript.php" method="POST">
<input id="lol" name= "food" class="inputAdd">
<br>
<button type="submit" name="add" >Hinzufügen</button>
</form>
</center>
<p class="copyright">
© 2022 - <span>JUNSKI</span>
</p>
</main>
Ich will nicht deinen HTML-Code (an dem ist nichts falsch, außer das <center></center>), sondern deinen CSS-Code.
Den Teil, wo du versuchst, den Input zu stylen.
Funktioniert alles problemlos:
https://jsfiddle.net/1xw7otdp/1/
Sicher dass du die CSS-Datei richtig einbindest (falls du es in einer extra Datei hast)?
Hab ich mir schon fast gedacht
Dann versuch mal, die CSS-Datei richtig einzubinden, vlt. liegt's daran ^^
hab nochmal gecheckt. Bin gerade im Urlaub und hatte mein Laptop mitgenommen und bin nicht am pc. Und alle css klassen die ich neu eintrage, kann ich nicht benutzen, bzw. werden nicht angewedet. Die alten css klassen kann ich benutzen
Was genau geht denn nicht? Mit dem Code ohne Klasse und ohne zu wissen was passieren soll aber nicht passiert, kann dir niemand helfen. Prinzipiell kann man jedem HTML-Tag ein Klassen-Attribut hinzufügen.
Wie ist die Klasse denn im CSS definiert, und was genau möchtest du mit der Klasse erreichen? Poste doch einfach mal den Code deines bisherigen Versuchs, andernfalls wird es hier schwierig konkret weiterzuhelfen.
<form action="SaveScript.php" method="POST">
<input id="lol" name= "foodAleco" class="inputAdd">
<br>
<button type="submit" name="add" >Hinzufügen</button>
</form>
Das ist mein versuch doch alles was in <form> steht nimmt keine klasse an, mein versuch ist es die input box größer zu machen oder generell zu designen
funktioniert nicht alles was in <form> steht nimmt keine klasse an auch nicht der button