Добавить несколько строк в текстовое поле в HTML

Я пытаюсь, чтобы мое текстовое поле несколько строк, сохраняя дизайн. Я довольно новичок в HTML/CSS, поэтому, пожалуйста, дайте мне знать, как вы это делаете.Добавить несколько строк в текстовое поле в HTML

И также, я пытаюсь сделать кнопку прямо в центре текстового поля внизу.

Это мой код прямо сейчас:

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

источник

2014-08-28 Taylor Swift

Вот хороший набор ссылок, проверка их: https://www.google.com/search?q=multiple+line+textbox+html. Это «способ, которым мы, ребята, это делаем», - мы исследуем его с помощью доступных онлайн-ресурсов. – 2014-08-28 16:43:47

Возможный дубликат [Как сделать текстовое поле с несколькими типами строк в html?] (Http://stackoverflow.com/questions/4518933/how-to-make-a-textbox-of-multiple-line-type-in -html) – 2014-08-28 16:44:43

-1

Поместите днище в текстовом поле, маржа-топ, пока не достигнет дна и Левое поле: авто; Маржа направо: авто;

Также вы можете сохранить теги в стиле открытой в то время как вы стиль второй элемент Кстати

источник

2014-08-28 16:04:32 seanyt123

Вы не можете поместить несколько строк в

<input type="text">

Для этого вам потребуется:

<TEXTAREA></TEXTAREA>

Все, что касается вашего кода от CSS к JavaScript, будет работать точно так же.

источник

2014-08-28 16:04:55 durbnpoisn

Для центрирования кнопки, с ним уже будучи в блочный элемент (форма, в данном случае) все, что вам нужно будет добавить это в ваш CSS:

text-align: center;

И durbnpoisn прибил его на HTML - используйте текстовую область.

http://www.w3schools.com/tags/tag_textarea.asp

Edit:

Просто перечитайте вопрос. Вы не можете центрировать элемент, связанный с одним из его братьев и сестер - только его родителем. То, что вы хотели бы сделать, это есть текстовое поле расширить всю форму с:

width: 100%;

, а затем кнопка будет выровнена по центру и с текстовым полем и формой

источник

2014-08-28 16:08:24

Добавить несколько строк в текстовое поле в HTML

ответ

Смежные вопросы