Textfeld gestalten

Meinst du so
**Link entfernt, weil Seite nicht mehr erreichbar **

Versuche mal:

<label for="text_input"><img src="irgendeinbild.jpg" alt=""></label>
<input id="text_input" type="text">

,,, fast richtig ;)! Aber die Grundlagen solltest du dir schon aneignen... denn das hier..
<div id="container">
<img src="images/en.png"</img>
<input type="text" class="textfeld">
</div>
ist definitiv falsch und du hast nur Glück, dass dein Browser nicht so pingelig ist! Einfügen eines Bilder mit der richtigen Syntax geht so!
<img src="images/en.png" alt="">
Das 'alt' ist Pflicht - und sollte nicht weggelassen werden. Dazu sollte/könnte man ggf noch Größenangaben für die Grafik hinzufügen.
Ansonsten funktioniert deine Lösung ja - besser wäre aber die Variante mit dem <label>

<div id="container">
<label for="text_input"><img src="images/en.png" alt="Name eingeben"></label>
<input type="text" id="text_input" class="textfeld">
</div>

Habe kein IPhone und kann das also auch nicht testen - aber teste doch mal, ob es mit diesem CSS anders/besser ist.

body {
   background-color: #000000;
   margin: 0;
   height: 100vh;
}


#container{
   display: flex;
   margin-top: 10%;
   justify-content: center;
   align-items: center;
}


label {
   width: 50vw;
   max-width: 336px;
   padding: 0px;
}

#container img {
   width: 100%;
   margin-bottom: -5px;
}


.textfeld{
   width: 50vw;
   max-width: 336px;
   height: 60px;
   border:0px solid white;
   background: transparent;
   color: white;
   font-size: 52px;
   font-weight: 300;
}


@media screen and (max-width: 662px) {
   .textfeld {
      font-size: 8.0vw;
      height: 8.0vw;
   }
}

Einfach das Vorhandene hiermit ersetzen.

Hi,

in welchem Programm willst du das Textfeld gestalten ?
Viele Grüße
Katarina1246

Zitat von torpor

Am liebsten hätte ich einen blinkenden Cursor statt des Rands um die Box.

so
**Link entfernt, weil Seite nicht mehr erreichbar **

Ist aber noch nicht perfekt.Hatte jetzt keine Zeit das besser zu machen.
Vieleicht hat @Sailor da noch eine bessere möglichkeit ,oder kann mein Code noch verbessern. Weil bin nicht so oft hier in diesen Forum.Aber chau später nochmal rein .Fals es dir gefallen tut ,kriegen wir das auch noch perfekt hin

- - - Aktualisiert - - -

Zitat von Katarina1246

Hi,

in welchem Programm willst du das Textfeld gestalten ?
Viele Grüße
Katarina1246

Das Programm heist INTERNET

Wenn es dir nur um den blinkenden Schreibcursor geht, dann schreibe einfach autofocus in deinen Input Tag...

<input type="text" id="text_input" maxlength="12" class="textfeld" autofocus>

und lass, wenn du den Unterstrich nicht willst, das 'placeholder' weg!
Mit der CSS Anweisung 'caret-color: #deineFarbe;' - hinzugefügt zur Klasse .textfeld - könntesdt du den Cursor auch bunt machen! Das funktioniert aber nur bei FF und Chrome, macht also eigentlich keinen Sinn für dich (Safari?).