I need help making my text box display multiple lines while maintaining the current design. I am new to HTML/CSS, so any advice on how to achieve this would be greatly appreciated!
Additionally, I want to center the button at the bottom of the text box. Here is my current code:
<html>
<body>
<form name="form" method="post">
<style>
input.maintext {
background: white;
border: 1px double #DDD;
border-radius: 5px;
box-shadow: 0 0 5px #333;
color: #666;
float: left;
padding: 5px 10px;
width: 305px;
outline: none;
}
</style>
<style>
.savebutton {
-moz-box-shadow: 0px 0px 0px 0px #3dc21b;
-webkit-box-shadow: 0px 0px 0px 0px #3dc21b;
box-shadow: 0px 0px 0px 0px #3dc21b;
background-color:#44c767;
-moz-border-radius:34px;
-webkit-border-radius:34px;
border-radius:34px;
border:1px solid #51b05a;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:19px;
padding:3px 16px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
background-color:#79cf4b;
}
.myButton:active {
position:relative;
top:1px;
}
</style>
<input type="text" class="maintext" name="text_box"/>
<br>
<br>
<input type="submit" class="savebutton" id="search-submit" value="Save" />
</form>
</body>
</html>
<?php
if(isset($_POST['text_box'])) { //only do file operations when appropriate
$a = $_POST['text_box'];
$myFile = "t.txt";
$fh = fopen($myFile, 'w') or die("can't open file");
fwrite($fh, $a);
fclose($fh);
}
?>