2016-07-23 3 views
0

Как я могу сделать полноэкранный режим textarea и сделать кнопку больше?
Это должно выглядеть немного так: http://prntscr.com/bwmcf3
Кодекс Я используюtextarea to full size

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

Если вы проголосуете этот вопрос вниз по крайней мере сказать, почему и что я могу сделать лучше, когда я спрашиваю следующий время. Благодарю.

+0

попробовать: стиль = "семейство шрифтов: Arial; размер шрифта: 12pt; ширина: 100%, высота: 100% " – Vaibhav

+0

Тогда это выглядит следующим образом: http://prntscr.com/bwmhlq и кнопка отсутствует. – Alexander

+0

кнопка больше означает небольшое увеличение до текущего –

ответ

1

Для достижения ожидаемого результата, используйте ниже

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

+0

@Alexander Надеюсь, это сработает для вас :) –

+0

Спасибо работал :) Спасибо! – Alexander

0

Try:

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