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至全尺寸

回答

相關問題