Je viens de recevoir ce design visuel:
CLG est une balise étiquette , tandis que la ligne est un type d'entrée Le concepteur me demande de supprimer la bordure lorsque l'utilisateur tape un nouveau numéro.
est-ce possible? = tel
Ignorez simplement la superposition pourpre ...
4 Réponses :
Il est définitivement possible, mais il comprend
L'idée est essentiellement d'imiter la frontière avec un p> : après code> pseudo-élément et rétrécissez-le à la largeur restante du code>.
<form>
<label>CLG <input type="tel" size="1"></label>
</form>
Semble fonctionner mieux avec une police de largeur fixe et aucun contour.
au lieu de entrée , j'ai utilisé un élément div avec Propriété contentiable .
Je sais que cela a beaucoup de problèmes. C'est juste une solution de contournement pour vous montrer ce que vous pouvez faire.
réussite, (presque) tout est possible.
p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label> CLG <input type="text" value="0123" /> <span></span> </label>
Ceci devrait fonctionner
p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> CGL : <input type="tel" id="txtVal" maxlength="30" />
Vous pouvez créer une méthode sur
focus et vérifier si l'entrée a une valeur , si elle le fait, retirez le fond de la bordure.@Razvanbalosin Le problème est que l'OP veut supprimer partiellement la frontière et ne l'avez-il que là où il n'y a pas de caractères.
Eh bien, si je retire le fond des frontières, ce sera tout supprimé. J'ai besoin d'une suppression partielle ...
Exactement, James ... c'est la chose.
Je pense que le mieux que vous allez obtenir est d'utiliser une sorte d'entrée masquée qui utilise
_ en tant qu'ensias. Voir la démo ici par exemple. Laissera comme un commentaire plutôt une réponse car elle ne répondra pas vraiment à l'aspect "Frontière partiel" de votre Q.Merci James. Je vais essayer de tenter cette approche et vous laisser savoir si cela fonctionnait. De loin, il semble que l'approche la plus intéressante de ce problème
X-Y Alerte! Ce que votre conception montre une boîte mastichedit (par exemple, ici mais il y a un million à choisissez parmi!)
Devrait-il fonctionner sur les écrans mobiles et de bureau? En fonction de votre réponse, j'ai une solution
Mobile et bureau.