【问题标题】:Extending textarea contained in a div扩展 div 中包含的 textarea
【发布时间】:2012-03-22 10:42:47
【问题描述】:

我有一个文本区域,它包含在一个 div 中,因为我有 jquery 提示并且想在不更改边框的情况下使用不透明度。 当我在文本字段中输入并且它超出容器时,我看不到我在输入什么。如何使 div 跟随文本。

文本字段:

<label><div id="name">
                          <textarea name="name" type="text" id="name" title="Enter Message Here" rows=9 cols=60 maxlength="2000"></textarea>

                      </label>

样式:

#name { 
    border: 1px solid #c810ca;
    width: 270px;
    height:159px;
    }

【问题讨论】:

  • 您是否有机会稍微编辑一下您的问题以提高可读性?接受您之前问题的一些正确答案也没有什么坏处。
  • 请检查您的错误代码... 没有结束 div 标签。您使用 id="name" 两次...

标签: html css forms


【解决方案1】:

尝试改进基本的东西:

  1. 不要多次使用任何 id 名称(您有 div#nametextarea#name,这可能会导致问题)
  2. 按正确顺序关闭标签
  3. Textarea 不支持text 属性

如果它不能解决您的问题,请提供更多详细信息 - 我已经测试了您的代码,并且可以看到我正在输入的内容。如果您想让div 的高度灵活(尽管textarea 具有恒定的高度,它仍然可以调整大小),请删除height 并将其替换为min-height

【讨论】:

  • 使用多个 id 肯定会产生问题,当应用任何类型的方法时,只会调用具有相同 id 的第一个元素。我不知道你的回答是否解决了 OP 的问题,但你应该得到 +1。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-07-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-02-26
  • 2023-04-05
相关资源
最近更新 更多