html - 扩展包含在 div 中的文本区域

标签 html css forms

我有一个包含在 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;
    }

最佳答案

尝试改进基本的东西:

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

如果它不能解决您的问题,请提供更多详细信息 - 我已经测试了您的代码,我可以看到我输入的内容。如果你想让 div 的高度灵活(虽然 textarea 的高度不变,但它仍然可以调整大小),删除 height 并用 min-height 替换它

关于html - 扩展包含在 div 中的文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9558541/

相关文章:

javascript - 将所有 UI 表单设置为只读/禁用?

javascript - 如何使用 Angular 模式形式触发验证?

php - "add employee"没有页面重定向的表单

javascript - 在创建过滤器的 JavaScript 代码中输入错误

jQuery 警报正在返回代码

css - 为什么在相同的堆叠上下文中具有较低不透明度的 div(但后来在 html 中)堆叠在具有较高不透明度的 div 之上

html - 我需要在 col-sm-6 断点上居中对齐第 5 列面板

c# - 当我试图将用户控件居中时,为什么 Windows 窗体会自动调整高度?(C#)

html - 在导航上方添加空白/标题。

html - 更改文本颜色的正确方法 - CSS、<span>、<font>?