textarea至全尺寸

如何让textarea全屏并使按钮变大？
它看起来有点像这样：http://prntscr.com/bwmcf3
代码中，我使用textarea至全尺寸

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

如果你投这个问题至少下降了说为什么和我可以做的更好，当我问一下下时间。谢谢。

来源

2016-07-23 Alexander

尝试：风格=“FONT-FAMILY：宋体; FONT-family：宋体;宽度：100％;高度：100％“ – Vaibhav

然后它看起来像这样：http://prntscr.com/bwmhlq和按钮丢失 – Alexander

按钮更大意味着增加到当前的一小部分 –

为了达到预期的结果，请使用以下

body { 
    height: 100%; 
} 

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

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

来源

2016-07-23 19:43:51

@Alexander希望这对你:) :) –

感谢它工作:)谢谢！ – Alexander

尝试：

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

来源

2016-07-23 19:54:23 Vaibhav

textarea至全尺寸

回答

相关问题