Comment faire pour afficher l'espace réservé de texte en HTML5 numéro tapé entrée
Est-il une manière que je peux afficher du texte d'espace réservé à l'intérieur d'une balise input de type=nombre?
Détaillé Q:
La propriété "espace réservé" de HTML de la balise input est utilisée pour afficher la description à propos de la balise d'entrée dans l'INTERFACE utilisateur lorsque l'élément n'est pas axé sur le texte descriptif se vide lorsque le même champ obtient le focus. Le problème est qu'aucun texte n'est visible que si le type d'entrée est de type="number". J'ai des limitations de l'espace dans mon INTERFACE utilisateur et ne peut pas avoir une étiquette avant la balise input.
Des suggestions?
- À partir de le spec: L'espace réservé attribut représente une courte pointe (un mot ou une courte phrase) destiné à aider l'utilisateur à l'entrée de données. Un indice pourrait être une valeur de l'échantillon ou une brève description du format attendu. Ce n'est pas un remplacement pour
<label>
. - texte de l'espace réservé ne semble pas fonctionner dans le navigateur IE
Vous devez vous connecter pour publier un commentaire.
Espaces réservés ne sont pas destinés aux étiquettes d'entrée. Espace réservé doit contenir des exemples d'entrée valide. Ainsi dans le cas d'une saisie du numéro de la seule valeur valide pour l'espace réservé est un nombre.
Mais si vous voulez à la mauvaise utilisation de l'espace réservé pour gagner de la place, vous pouvez simplement utiliser un peu de JS pour résoudre votre problème.
PS Chrome Nuit semble ne pas avoir de problème avec la combinaison du nombre et de l'emplacement réservé.
inputmode="decimal"
si vous voulez seulement faire téléphones mobiles afficher le clavier numérique.position:absolute
à l'intérieur d'un conteneur avecposition:relative
et uninput
élémentinputmode
. il a assez large soutien.onfocus
tour, et les deux semblent bien fonctionner dans IE11, Chrome et Firefox.