multiline html textarea

Mon formulaire hérite de plusieurs styles css, et l'affichage par défaut pour un textarea n'a qu'une seule ligne, si vous tapez un texte, il ne sera pas envelopper, mais continue d'aller de la même ligne. Comment puis-je la force à dos multi-ligne de sortie? J'ai mis les "lignes" et "colonnes" attributs dans le code HTML, mais il ne semble pas faire quoi que ce soit.

Le HTML est très imbriquée, mais le véritable élément d'entrée est:

<input name="input47" type="textarea" rows="3" cols="10" />

Le CSS, j'ai essayé:

body form ol.sections li ol.prompts li ol.entries li ol.inputs li input[type=textarea] {
  height: 500px !important;
  white-space: normal !important;
}

La 500px fonctionne, peu importe si oui ou non je utiliser !important, mais il y a une seule ligne de texte dans le textarea, centrée verticalement (Chrome et Safari).

EDIT: de toute évidence, j'ai besoin de rafraîchir mon HTML-- <input type="textarea"> doit avoir été <textarea>

êtes-vous désireux de changer de manière dynamique avec javascript ou un autre langage de script côté?
Il est difficile de les reproduire sans l'exemple réel
Bref, Autonome, Correct (Compilable), Exemple serait très utile. Pouvez vous s'il vous plaît ajouter le CSS et le HTML que vous avez un problème avec?

OriginalL'auteur macaroon5 | 2011-08-05

  1. 6

    @macaroon5, d'une mauvaise utilisation d' <input /> élément ici. Ce que vous voulez obtenir est 

    <textarea name="input47" rows="3" cols="10">
    Your multiline text is here.
</textarea>

    Voici l'exemple

    Ha. Oups. Juste pensé que moi-même.

    OriginalL'auteur spliter

  2. 1

    s'il vous plaît être conscient que, à l'exception de lignes et de colonnes vous pouvez également définir la hauteur et la largeur, ce qui aurait une incidence sur elle. Cela pourrait être le cas que vous jeux de lignes, mais d'une propriété css hauteur remplace.

    il ne semble pas à la matière-- juste essayé de réglage de la hauteur de 500px et il y a toujours une seule ligne de texte centré verticalement
    avez-vous essayez d'ajouter !- il important ? comme height: 500px !important; quel navigateur utilisez-vous? Pourriez-vous fournir un lien vers le problème? ou au moins copier-coller d'une structure html et css adéquat?
    juste mis à jour la question

    OriginalL'auteur mkk

  3. 0

    Je suppose que vous avez quelque chose comme 

    white-space: nowrap;

    appliqué à votre textarea quelque part dans votre feuille de style et c'est ce qui permet de rendre l'ensemble de bloc de texte sur une seule ligne.

    Juste ajouter quelque chose comme 

    textarea#myfield {
    white-space: normal
}

    Il devrait y avoir aucun besoin de !important dans le style ci-dessus, mais si vous n'obtenez pas le résultat, vous pouvez essayer de !important

    juste mis à jour la question
    J'ai ajouté une autre réponse étant donné que le problème est complètement différent après vous avez ajouté l'exemple
    J'ai eu le même problème. Par white-space: normal aussi, il n'est pas d'entrer dans multiligne.

    OriginalL'auteur spliter

  4. -1

    à l'aide de UnityEngine;
    en utilisant le Système.Collections;

    public class GameFSM : MonoBehaviour {
    public enum {LevelAwal, diam, terbang/lompat, objek, pertanyaan, bintang, menembak,
    menghindar, ennemi, nyawa, GameOver, NextLevel}

    public TurnStates state;
public bool gameInProgress = true;
void Start () {
state = GameFSM.Mulai.Init;
StartCoroutine ("TurnFSM");
}
private IEnumerator TurnFSM (){
while(gameInProgress){
switch(state){
case TurnStates.LevelAwal:
if( Permainan Awal()) {* state = diam:}
break;
case TurnStates.diam:
if(Mulai()) {* state =lompat/terbang;}
break;
case TurnStates.Jump:
if( Melompat()) {* state = objek;}
break;
case TurnStates.benda:
if( mencari objek()) {* state = pertanyaan;}
if (menghindar ()) {* state = enemy;}
break;
case TurnStates.objek:
if( mencari Benda ()) {* state = pertanyaan;}
if(Menembak()) {* state = enemy;}
break;
case TurnStates.enemy:
if( Terkena Enemy ()) {* state = nyawa;}
Break;
case TurnStates.soal:
if( benar ()) {* state = k;}
else (salah ()) {* state = nyawa;}
break;
case TurnStates.nyawa:
if(nyawa masih tersedia ()) {* state = diam;}
else (nyawa masih habis ()) {* state = GameOver;}
Break;
case TurnStates.Kunci:
if( berhasil menjawab()) {*state = NextGame;}
break;
case TurnState.NextGame :
if (DoneLevel ()) {* state = LevelBaru;}
break;
}
yield return null;
} 
}
    Je vous suggère d'ajouter un peu d'explication pour accompagner votre code. Aussi, veuillez vous assurer que votre code est enveloppé dans StackOverflow de formatage de code pour plus de lisibilité.

    OriginalL'auteur hatika dian nurani