Me gustaría agregar un texto requerido rojo en el lado derecho de una entrada de texto. Me gustaría que se pareciera a esto. Un campo de correo electrónico con la etiqueta requerida.
Me disculpo por no tener código para agregar, lo único que he intentado ha sido jugar con marcadores de posición, ya que no tengo idea de qué dirección tomar para esto. Cualquier ayuda es muy apreciada.
Es posible que desee considerar algo como esto.
input { padding: 1em; width: 250px; } /* Position label on top of input field */ label { margin-left: -80px; position: relative; z-index: 2; } /* Show red label when input invalid */ input:required:invalid+label { color: red; } /* Don't display label when input is valid */ input:required:valid+label { display: none; }
<input type="email" id="email_input" placeholder="Email" required> <label for="email_input">Required</label>