在html中加入文本框,在HTML中的文本框中添加多行

我试图在保留设计的同时让我的文本框有多行。我对HTML/CSS相当陌生，所以请让我知道你是如何做这个家伙的。在HTML中的文本框中添加多行

此外，我试图让按钮在底部文本框的中心。

这是我的代码现在：

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;

}

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

}

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

}

?>

+0

这里既有被中心对齐是一个很好的引用的集合，检查他们：https：//www.google.com/search?q=multiple+line+textbox+html。这是“我们这样做的方式” - 我们使用随时可用的在线资源对其进行研究。 –

2014-08-28 16:43:47

+0

可能重复的[如何在html中创建多行类型的文本框？](http://stackoverflow.com/questions/4518933/how-to-make-a-textbox-of-multiple-line-type-in -html) –

2014-08-28 16:44:43