Forum: PC-Programmierung html form input feld breite


You were forwarded to this site from EmbDev.net. Back to EmbDev.net
von Hadmut F. (hadmut)


Angehängte Dateien:

Lesenswert?

Bei
1
<form method="post">
2
Shelly timing&emsp;
3
<input type="number" name="ShelT" value="5">
4
<input type="submit"><br>
5
</form>
möchte ich die breite des eingabefeldes verringern.
Möglichst einfach.

von Harald K. (kirnbichler)


Lesenswert?


von Hadmut F. (hadmut)


Lesenswert?

Läuft leider nicht:
1
<input type="number" size="4" name="ShelT" value="5">

Läuft einigermassen:
1
<input type="number" min="1" max="60" name="ShelT" value="5">

: Bearbeitet durch User
von Zagge (zagge)


Lesenswert?

size funktioniert bei input type="number" nicht.
Wenn min und max nicht hinreichend passt, dann halt CSS:
<input type="number" min="1" max="60" name="ShelT" value="5" 
style="width:50px">
wobei man statt px ggf. halt die gewünschte Einheit nimmt:
https://www.w3schools.com/css/css_units.asp

von Hadmut F. (hadmut)


Angehängte Dateien:

Lesenswert?

@Zagge  Läuft
1
<input type="number" name="ShelT" style="width:3em" value="5">

Danke !

: Bearbeitet durch User
von Ben B. (Firma: Funkenflug Industries) (stromkraft)


Lesenswert?

CSS anyone?

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.