[HTML] Formattazione campo input su chrome

[booklisa]

Salve a tutti,
avrei una domanda: capita solo a me che la formattazione del campo input su chrome risulti "strana"?

Mi spiego meglio.
Ho un campo input type = number a cui ho applicato una label e un placeholder, tutti i vari browser ok.
Ma su crome si rimpicciolisce la cella e il placeholder viene troncato dopo 16 caratteri circa.

Sapete come mai?
C'è rimedio?

Grazie a tutti.

 

[Max 1]

Sapete come mai?
C'è rimedio?

Io ho fatto una prova con chrome usando un form così:

<form action="demo_form.asp">
  <input type="text" name="fname" placeholder="testo più lungo di 16 car."><br>
  <input type="password" name="lname" placeholder="testo più lungo di 16 car."><br>
  <input type="number" name="lname" placeholder="testo più lungo di 16 car."><br>
  <input type="submit" value="Submit">
</form>

ma come puoi vedere dall'immagine allegata io non riscontro quel problema

Prova ad aggiornare il tuo browser

 

[booklisa]

Grazie mille per la risposta Max 1,
a me capita quando aggiungo gli attributi, tipo:

<input type="number" name="quantity" min="1" max="5">

e me lo fa solo con chrome

 

[Max 1]

Boh!

Non ti so dire il perchè!

 

[booklisa]

Boh! Vedi l'allegato 3441 Non ti so dire il perchè! Vedi l'allegato 3442

Ciao e di nuovo grazie per la risposta Max 1,
Ma quindi sei riuscito a replicare l'errore?
lo fa anche a te aggiungendo gli attributi min e max?
io in pratica se elimino max="" e min="" non mi crea più l'antiestetico errore §(troncare l'etichetta interna al box di input).
Inutile dire che tale controllo mi serve dunque non voglio eliminarlo.
Ma più che altro è per capire se è un problema solo mio.
Immagino che anche altri usino min e max negli input number...
Non riesco proprio a capire...
Cmq di nuovo grazie.

 

[Max 1]

Si aggiungendo gli attributi lo fa anche a me, quindi non è un problema solo tuo ma di Chrome in generale

 

[booklisa]

Si aggiungendo gli attributi lo fa anche a me, quindi non è un problema solo tuo ma di Chrome in generale Vedi l'allegato 3443

Aggiornamento:
ho scoperto che se levo min non lo fa dunque è solo min il problema.
Vabbhe inutile dire che tra i due per me era fondamentale che ci fosse min piuttosto che l'altro (sfiga)...
fa nulla risolverò diversamente...
Cmq, ancora grazie mille!

 

[borgo italia]

ciao
a me varia la misura anche con fire, prova a dargli style

<form action="demo_form.asp">
  <input type="text" name="fname" placeholder="testo più lungo di 16 car." style="width:100px;"><br>
  <input type="password" name="lname" placeholder="testo più lungo di 16 car." style="width:100px;"><br>
  <input type="number" name="lname" placeholder="testo più lungo di 16 car." min="1" max="5"  style="width:100px;"><br>
  <input type="submit" value="Submit">
</form>

vengono tutti di uguale larghezza

 

[Max 1]

ciao
a me varia la misura anche con fire, prova a dargli style..........vengono tutti di uguale larghezza

Io non l'ho consigliato perchè avendo provato il risultato non mi cambiava! Strano che a te funzioni

 

[borgo italia]

ciao
misteri insondabile dei browser

(ps su fire)