[HTML] Formattazione campo input su chrome

booklisa

Utente Attivo
10 Nov 2016
52
0
6
33
Roma
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.278
330
83
Sapete come mai?
C'è rimedio?
Io ho fatto una prova con chrome usando un form così:
Codice:
<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
01.JPG


Prova ad aggiornare il tuo browser
 

booklisa

Utente Attivo
10 Nov 2016
52
0
6
33
Roma
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.278
330
83
Boh!
what.gif
Non ti so dire il perchè!
senzasperanza.gif
 
  • Like
Reactions: booklisa

booklisa

Utente Attivo
10 Nov 2016
52
0
6
33
Roma
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.278
330
83
Si aggiungendo gli attributi lo fa anche a me, quindi non è un problema solo tuo ma di Chrome in generale
accidenti.gif
 
  • Like
Reactions: booklisa

booklisa

Utente Attivo
10 Nov 2016
52
0
6
33
Roma
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
146
63
PR
www.borgo-italia.it
ciao
a me varia la misura anche con fire, prova a dargli style
HTML:
<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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.278
330
83
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
what.gif