多行 html 文本区域

Posted 2023-05-07

【中文标题】多行 html 文本区域

【英文标题】：multiline html textarea

【发布时间】：2011-10-20 21:52:36

【问题描述】：

我的窗体继承几个CSS样式，和一个textarea的默认显示只有当你键入一个段落不会换行，但要持续一个在同一行有一个单一的row--。如何强制回多行输出？我已经设置了“行”和“的cols”在html属性，但它似乎并没有做任何事情。 P>

在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;

在500件像素作品不管是否我使用!important，但在textarea的文本的仅单个线，垂直居中（Chrome和Safari）。 P>

编辑：显然，我需要刷上了我的HTML-- <input type="textarea">应该是<textarea> P>

你想与javascript或其他客户端侧脚本语言动态地改变它？跨度> 很难再现，而不实际例子跨度> 一个Short, Self Contained, Correct (Compilable), Example将真正帮助。能否请您添加CSS和HTML，您有一个问题？ SPAN>

【参考方案1】：

@macaroon5，你在这里误用了<input /> 元素。你想得到的是

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

Here is the example

【讨论】：

哈。哎呀。只是我自己想通了。

【参考方案2】：

我假设你有类似的东西

white-space: nowrap;

应用于样式表中某处的文本区域，这就是它在一行中呈现整个文本块的原因。

只需添加类似

的内容

textarea#myfield 
    white-space: normal

上面的样式应该不需要!important，但是如果没有得到结果，可以试试!important

【讨论】：

我添加了另一个答案，因为添加示例后问题完全不同

我遇到了同样的问题。按空格：正常也不会进入多行。

【参考方案3】：

请注意，除了行和列之外，您还可以设置高度和宽度，这会对其产生影响。可能是您设置了行，但 css 属性 height 会覆盖它。

【讨论】：

这似乎无关紧要 - 只是尝试将高度设置为 500px 并且仍然有一行文本垂直居中

您尝试添加 !important 吗？像高度：500px！重要；你用什么浏览器？你能提供一个问题的链接吗？或者至少复制粘贴html结构和相关的css？

【参考方案4】：

使用 UnityEngine； 使用 System.Collections;

公共类 GameFSM : MonoBehaviour 公共枚举 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;
     

【讨论】：

我建议在您的代码中添加一些解释。另外，请确保您的所有代码都包含在 *** 代码格式中以提高可读性。