如何将textarea标签放在div标签内？

我想在我的网页上放一个textarea，但它必须位于div标签内才能保留我的布局。我不希望用户能够重新调整textarea的大小，直到它超出了我放入的div标签为止，这会弄糟洞布局。有没有办法在textarea上设置最大尺寸？如何将textarea标签放在div标签内？

感谢您的帮助！

来源

2012-09-12 johan

最简单的方法（虽然这是一个有点马虎）是类型In-Line textarea的。如果您定义宽度并调整大小：无，您的用户将无法调整文本区域大小并毁坏您的设计。

<div> 
    <textarea name="yourtextarea" style="width:300px;height:200px;resize:none;" /></textarea> 
</div>

然而，我会建议你的风格你的textarea类似于Xander已经回答，因为它更清洁。我会改变一件事，那就是添加一个不太通用的选择器。

<head> // place in your header 
    <style type="text/css"> 
    #textAreaId { 
     width:300px; 
     height:200px; 
     resize:none; 
    } 
    </style> 
</head> 


<body> // place inside of your div, within the body tag 

    <div> 
    <textarea id="textAreaId" name="yourtextarea" /></textarea> 
    </div> 

<body>

来源

2012-09-12 15:33:31 VictorKilo

有趣的是，当OP没有指定他需要一个高度，并且通过将它内联html ...为什么不把我投票呢？！ – xandercoded

@Xander Bro，我几乎同时回答。我和你一样，又向前迈出了一步，并认为他可能在寻找一个固定的尺寸，而不仅仅是宽度。在发布之前我没有看到你的答案，我相信我们都可以同意这些答案不是破天荒的...... – VictorKilo

@Victorkilo嘿，“调整大小：没有;” CSS正是我需要阻止用户拖拽textarea！谢啦。 – johan

CSS：

textarea { 
    width:400px; 
    height:200px; 
    resize:none; /* disable resize functionality */ 
}

来源

2012-09-12 15:32:27 xandercoded

这有很大的帮助。真的非常感谢Xander – johan

谢谢，只要我有足够的声望，我就会高兴 – johan

如何将textarea标签放在div标签内？

回答

相关问题