1

Tengo un formulario con un textarea del comentario, y quiero evitar que se pueda redimensionar horizontalmente, solo verticalmente. De momento yo lo hacia dando estilos a un input para que fuese más grande, pero no se podia redimensionar, y eso era un problema. Dejo el código:

<form action="respuesta.php" method="post">
    <label for="nombre">Nombre</label>
    <input type="text" placeholder="la primera mayúscula" style="padding:7px;" id="nombre">
    <br><br>
    <label for="comentario">Comentario</label>
    <br>
    <textarea rows="10" cols="50" placeholder="Inserte su comentario" id="comentario"></textarea>
    <br><br>
    <input type="submit" value="Enviar">
</form>

Me falta el css para evitar que se pueda redimensionar el textarea. Hay alguna solución o tendré que usar input "grande" en sustituto a textarea?

1 respuesta 1

1

Simplemente le das con CSS la propiedad resize: vertical;. Por defecto es both y tambien podes usar horizontal

https://www.w3schools.com/cssref/css3_pr_resize.php

textarea {
  border: 2px solid;
  padding: 20px; 
  width: 300px;
  resize: vertical;
  overflow: auto;
}
<html>
  <head>
  </head>
  <body>
    <textarea>
      Resize
    </textarea>
  </body>
</html>

2
  • Solo hay 4 propiedades de resize: both, vertical, horizontal y none, verdad?
    – Euricky999
    Commented el 1 ene. a las 12:31
  • 1
    @Euricky999 ademas de esas podes usar initial e inherit, en el link a la documentación están todas explicadas
    – Agustin G.
    Commented el 1 ene. a las 16:46

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.