gpt4 book ai didi

html - 在 HTML 文本框中添加多行

转载 作者:太空宇宙 更新时间:2023-11-03 23:30:21 26 4
gpt4 key购买 nike

我试图在保持设计的同时让我的文本框多行。我对 HTML/CSS 还很陌生,所以请让我知道你们是怎么做到的。

另外,我试图让按钮位于底部文本框的中央。

这是我现在的代码:

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

最佳答案

你不能把多行放在一个

<input type="text">

为此你需要:

<TEXTAREA></TEXTAREA>

从 CSS 到 JavaScript,您的代码的所有其他方面都将完全相同。

关于html - 在 HTML 文本框中添加多行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25553142/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com