Come usare un apice in un tag di immissione del testo html?

Ho un semplice tag di input (che io apprezzo usando Bootstrap) nel quale ora voglio posizionare un apice (per visualizzare "m "). Il problema è che quando faccio questo:Come usare un apice in un tag di immissione del testo html?

<input class="form-control" name="gla" placeholder="m<sup>2</sup>" type="text">

il segnaposto mostra letteralmente questo: m<sup>2</sup>

Qualcuno sa come posso visualizzare correttamente l'apice? Tutti i suggerimenti sono ben accetti!

fonte

2014-12-03 kramer65

controllo questo fuori: http://stackoverflow.com/questions/17683654/superscript-in-input-field-of-text-type – Aditya

Sia Rhumborl e Lekhnath hanno risposte corrette. – rfornal

si potrebbe utilizzare il carattere UTF-8 per ² apice. Assicurati inoltre di impostare il set di caratteri del documento su UTF-8.

<html> 
 
    <head> 
 
     <meta charset="UTF-8"> 
 
    </head> 
 
    <body> 
 
     <input class="form-control" name="gla" placeholder="m²" type="text" /> 
 
    </body> 
 
</html>

anche this answer potrebbe essere di aiuto.

fonte

2014-12-03 11:48:44 lmazgon

Il carattere "²" funziona perfettamente come tale usando la codifica * any * che ha un codice per esso, incluso per es. ISO-8859-1 e Windows-1252. –

L'ho provato sul mio desktop con i set di caratteri Windows-1252 e ISO-8859-1, ma l'output del segnaposto era "m", quindi DEVI cambiare il set di caratteri in UTF-8, oppure Firefox e Ubuntu stanno facendo qualcosa di sbagliato . – lmazgon

Si ottengono risultati errati se la codifica * actual * non è uguale alla codifica * dichiarata *. Questo vale anche se uno di questi è UTF-8. –

Come sull'utilizzo entità HTML

<input class="form-control" name="gla" placeholder="m&sup2;" type="text">

Yes it works

fonte

2014-12-03 11:44:50 Lekhnath

@Rhumborl aggiornato. grazie per averlo menzionato – Lekhnath

Anche se funziona bene, in qualche modo non funziona nel mio codice. Forse ha qualcosa a che fare con il bootstrap o una delle (troppe) librerie js che carico? – kramer65

funziona con bootstrap anche http://jsfiddle.net/lekhnath/jvx89kuk/1/ – Lekhnath

Si dovrebbe essere in grado di inserire il carattere ² direttamente nel tag HTML - è il codice ASCII 262/ottale 178. Questo dovrebbe rendere modo più sicuro è solo ASCII, non Unicode.

<input type="text" placeholder="m²" />

fonte

2014-12-03 11:45:02 Rhumborl

Si può effettivamente usare "²" come tale. Ma i codici di entità funzionano nei valori degli attributi. E il carattere "²" non è un carattere ASCII. E tutti i personaggi che usi sono caratteri Unicode. –

Prova questo, è possibile utilizzare,

HTML Entity (nome) ²

HTML Entity (decimale) ²

HTML Entity (esadecimale) ²

<input class="form-control" name="gla" placeholder="m&#178;" type="text">

Demo: http://jsfiddle.net/q8310f27/1/

fonte

2014-12-03 11:49:55

All'interno di un valore di attributo, è possibile utilizzare caratteri esattamente come nel contenuto del documento (ad eccezione del carattere di citazione utilizzato come delimitatore del valore dell'attributo). Ciò significa che è possibile scrivere il carattere in apice due come tale, o usando un riferimento di carattere con nome, o un riferimento numerico. Quando si utilizza il carattere come tale, è necessario assicurarsi che la codifica dei caratteri sia dichiarata correttamente (corrisponde alla codifica effettiva).

<input class="form-control" name="gla" placeholder="m²" type="text"><br> 
 
<input class="form-control" name="gla" placeholder="m&sup2;" type="text"><br> 
 
<input class="form-control" name="gla" placeholder="m&#178;" type="text"><br> 
 
<input class="form-control" name="gla" placeholder="m&#xb2;" type="text"><br>

fonte

2014-12-03 11:57:33

Come usare un apice in un tag di immissione del testo html?

risposta

Problemi correlati