Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

textarea to full size

Tags:

html

css

textarea

How can i make the textarea fullscreen and make the button bigger?
It should look a bit like this: http://prntscr.com/bwmcf3
The Code I use

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

If you vote this question down at least say why and what can i do better when i ask the next time. Thanks.

like image 541
Alexander Avatar asked Jul 23 '16 19:07

Alexander


1 Answers

To achieve expected result , use below

body {
  height: 100%;
}

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

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

With inline styling use below

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

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

like image 60
Naga Sai A Avatar answered Oct 12 '22 20:10

Naga Sai A