0

Hola buenas tengo una pequeña consulta, lo que pasa es que estoy haciendo un input pero mas alto de lo normal debido a que es para mensajes pero al momento de agregarle height a este el texto va quedando en medio en vez de comenzar arriba a la izquierda como es habitual, me gustaría saber si hay alguna manera de subir el texto o algo por el estilo, ya probé con text aling pero nada, adjunto foto el problema introducir la descripción de la imagen aquí

les adjunto mi codigo tambien:

 <p>
  <label class="Mensaje" for="Mensaje">Mensaje
       <span class="obligatorio">*</span>
  </label>
  <input type="text" class="input_Mensaje" name="mensaje" id="message" required="message">
 </p>

codigo css:

input {
    background-color: #fbfbfb;
    width: 88%;
    height: 250px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
}
4
  • 1
    No es mejor usar una etiqueta textarea? si usarás eso pondrias los atributos rows y cols y no tendrias problema con el cursor del mouse
    – user137354
    Commented el 22 abr. 2022 a las 17:11
  • 1
    Tengo entendido que la etiqueta input solo puede contener una linea. La etiqueta textarea puede contener varias lineas
    – user137354
    Commented el 22 abr. 2022 a las 17:13
  • El problema es que estas usando demasiado ancho y altura width: 88%; height: 250px Además te recomiendo que uses mejor la etiqueta <textarea></textarea> Commented el 22 abr. 2022 a las 17:14
  • hola, si tenia text area pero a esa se le puede ajustar el tamaño y necesito que sea fijo, pero al ser fijo se le quita lo responsive, por eso la deseche Commented el 22 abr. 2022 a las 17:19

2 respuestas 2

2

hola para lo que intentas hacer es recomendable usar un textarea de la siguiente forma:

 <p>
  <label class="Mensaje" for="Mensaje">Diagnostico clinico
   <span class="obligatorio">(*)</span>
  </label>
  <textarea class="form-control resize-textarea" name="mensaje" id="message" 
  required="message"></textarea>
 </p>

introducir la descripción de la imagen aquí

el elemento textarea es util cuando quieres agregar muchos mas caracteres que normalmente agregarias en un input type text, aca en dejo documentacion acerca de la etiqueta textarea Etiqueta HTML textarea

Puedes evitar que un textarea se agrande por el usuario de la siguiente forma:

.resize-textarea{
 resize:none;
}
 

Creas una clase en el css, se la agregas a tu textarea para que no se pueda cambiar las dimensiones

1
  • 1
    Muchísimas gracias te pasaste Commented el 22 abr. 2022 a las 17:27
0

la solución es mejor un textArea y el tamaño se configura en sus atributos rows="" cols=""

           <div class="col-lg-12">
            
            <div class="form-group has-success">
              <textarea  class="form-control" rows="3" cols="75"  id="descripcion" name="descripcion" placeholder="Describa que es lo que necesita?" required ></textarea>                
            </div>
          </div>

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.