Question

如何使textarea全屏并使按钮变大？
它应该看起来像这样：http://prntscr.com/bwmcf3
我使用的代码

<BODY>
<form method="post" action="query.php">
<textarea type="text" size="50" name="txtarea" maxlength="1000000"style="font-family: Arial;font-size: 12pt;">
</textarea>
<CENTER>
<input type="submit">
</form>

如果你投下这个问题至少说明为什么以及当我下次问时我能做些什么。感谢。

Answer 1

要达到预期效果，请使用以下

body {
  height: 100%;
}

textarea {
  width: 100%;
  height: 100vh;
}

http://codepen.io/nagasai/pen/NArRYK

使用下面的内联样式

<textarea type="text"  name="txtarea" style="font-family: Arial;font-size: 12pt;width:100%;height:100vw">
</textarea>

http://codepen.io/nagasai/pen/akGmYy

Answer 2

尝试：

＆＃13;

<BODY>
<form method="post" action="query.php" style="height:100%">
<textarea type="text" size="50" name="txtarea" maxlength="1000000"style="font-family: Arial;font-size: 12pt; width:100%;height:95%">
</textarea>
<CENTER>
<input type="submit" style="height:100%; width:20%">
</form>

＆＃13;

textarea到全尺寸

2 个答案: