Tengo que mostrar algunos rellenos en blanco en el área de texto. Después de cada relleno hay un punto final, el usuario puede escribir cualquier cosa en los rellenos. Pero el punto final debe corregirse, no pueden eliminar el punto final. Alguna solución . Gracias
_______________. _____________________. ________________________.
Imposible de lograr usando un área de texto.
Pero usando algunas entradas, es posible. Solo necesita trabajar en su CSS para que se vea como desea... Como en una caja más grande.
let fillup = $(".fillup") fillup.on("keydown", function(e) { let val = this.value if (val.length == $(this).attr("maxlength")) { $(this).next(".fillup").focus() } if (e.key === "Backspace" && val.length === 0) { $(this).prev(".fillup").focus() } }) fillup.first().focus() input { width: 2.7em; border: 0; border-bottom: 1px solid cyan; } input:focus { outline: none; } .box { border: 1px solid grey; padding: 0.5em 3em; border-radius: 3px; width: 8em; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="box"> <input class="fillup" maxlength="5" /></input>.<input class="fillup" maxlength="5" /></input>.<input class="fillup" maxlength="5" /></input> </div>Échale un vistazo
<div><textarea></textarea></div> <style> textarea{ outline:none; border:none; border-bottom:1px solid #888; } div::after{ content:"."; } </style>También puede usar input en lugar de textarea