8
votes

Comment augmenter la taille de Textarea dans HTML Razor View MVC4?

J'ai une zone de zone de texte appelée description à mon avis. Je souhaite augmenter la taille de ce champ.

mon code xxx

mon textarea

textarea

Je veux apporter comme comme une mention de mention dans l'image ci-dessous

 Sortie souhaitée

J'ai donné des rangées et des colonnes dans le champ Texarea. Il augmente la taille de la zone de texte. Mais quand je réduit la page de la taille du téléphone signifie que tous les champs ont été rétrécissants. Mais ce champ Textarea ne réduit pas la taille de la page. C'est le problème

J'ai gardé la validation pour mes champs. Je veux montrer que la validation en couleur rouge. J'utilise la validation du modèle.


0 commentaires

7 Réponses :


0
votes

lignes et cols ne vient pas sous style étiquette. Son attribut indépendant pour textarea . Vous pouvez l'écrire comme ci-dessous. XXX


0 commentaires

17
votes

Essayez ceci:

  @Html.TextAreaFor(model => model.Description, 10,40, htmlAttributes: new {style="width: 100%; max-width: 100%;" })


0 commentaires

0
votes
Remove textArea element from site.css file. In site.css textarea max-width set as 280px;
Do like

input
,select
/*,textarea*/ 
{
    max-width: 280px;
}

0 commentaires

-1
votes
@Html.TextAreaFor(m => m.Description, 10, 40, new { @class = "form-control required", style="max-width:75% !important;" })

0 commentaires

13
votes

Bien que cela soit déjà répondu, une personne qui peut encore en avoir besoin.

 @Html.TextAreaFor(model => model.comments, 
 new { @cols = "100", @rows =  "8", @style="width:100%;"})


1 commentaires

Cette personne est moi. Appréciez ça!



-1
votes
  @Html.TextAreaFor(model => model.Description, new { @class = "form-control", @cols = 10, @rows = 10,@style="resize:both;" })

1 commentaires

Expliquez votre réponse.



-1
votes

@ html.textareafor (modèle => modèle.description, 10,40, nouveau {@class = "requis"})


1 commentaires

S'il vous plaît partager des informations sur la raison pour laquelle votre réponse fonctionne au lieu de simplement coller du code.