многострочный html textarea

Question

Моя форма наследует несколько стилей CSS, и отображение по умолчанию для текстовой области имеет только одну строку - если вы напечатаете абзац, он не будет перенесен, но продолжит идти одной и той же строкой. Как заставить его вернуться к многострочному выводу? Я установил атрибуты "rows" и "cols" в HTML, но он, похоже, ничего не делает.

HTML сильно вложен, но фактический элемент ввода:

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

CSS, который я пробовал:

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

500px работает независимо от того, использую я !important или нет, но в текстовой области есть только одна строка текста, вертикально центрированная (Chrome и Safari).

РЕДАКТИРОВАТЬ: Очевидно, мне нужно освежить в моем HTML-- <input type="textarea"> должно было быть <textarea>

Answer 1

@ macaroon5, вы неправильно используете элемент <input /> здесь.То, что вы хотите получить, это

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

Вот пример

Answer 2

имейте в виду, что кроме строк и столбцов вы также можете установить высоту и ширину, которые будут влиять на это.Возможно, вы устанавливаете строки, но свойство css height перезаписывает их.

Answer 3

с использованием UnityEngine; using System.Collections;

публичный класс GameFSM: MonoBehaviour { public enum {LevelAwal, diam, terbang / lompat, objek, pertanyaan, bintang, menembak, menghindar, враг, 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;
    } 
}

Answer 4

Я предполагаю, что у вас есть что-то вроде

white-space: nowrap;

, примененное к вашей текстовой области где-то в вашей таблице стилей, и это то, что заставляет ее отображать весь кусок текста в одну строку.

Просто добавьте что-нибудькак

textarea#myfield {
    white-space: normal
}

В вышеприведенном стиле не должно быть необходимости в !important, но если вы не получите результат, вы можете попробовать !important