Тег <input>,как вывести данные

[JackPeralta]

Здравствуйте. Начал изучать HTML день назад.Теперь у меня вопрос.

<input type=text name"info" size=20>

Как введенные данные в эту строку,вывести на другом HTML?

Спасибо, жду ответов от всех.

[wwt]

на каком другом html?

Вывести данные введенные в поле в другом месте документа?

Или в другом документе?

Данные должны где-то сохраняться или нет?

Описывайте свой вопрос более детально.

[DivMan]

Php надо учить, обработка форм

[andrey7287]

5 часов назад, DivMan сказал:

Php надо учить, обработка форм

А это только Php умеет ? 

[DivMan]

Только что, andrey7287 сказал:

А это только Php умеет ? 

можно и на js сделать, на C++, java, python, насколько я знаю. 

[rewqp]

В 22.08.2017 в 20:51, JackPeralta сказал:

Здравствуйте. Начал изучать HTML день назад.Теперь у меня вопрос.

<input type=text name"info" size=20>

Как введенные данные в эту строку,вывести на другом HTML?

Спасибо, жду ответов от всех.

Посредством php обработать форму и отправить письмо можно так: 

//Рассчитываем на то, что полей может и будет больше
<?php
$result = array(); 
$data = array(
  'info' => '',
);
$result = array(
  'errors' => array()
);
$fields = array(
  'info' => '<b>Info:</b>',
);
       // Проверка заполнено ли поле на стороне сервера
      if (isset($_POST['info']) && !empty($_POST['info'])) {
          $name = strip_tags($_POST['info']);
        } else {
        $result['errors'][] = '<span class="error">Укажите INFO</br></span>';
      }
         echo json_encode($result);

   //отправка письма
   $to = "email@com"; //Адрес, на который должно приходить письмо
   $headers = array(
      'From: "Мой сайт и рабочая форма!" <site@com>' ,
      'Reply-To: "Мой сайт и рабочая форма!" <site@com>' ,
      'X-Mailer: PHP/' . phpversion() ,
      'MIME-Version: 1.0' ,
      'Content-type: text/html; charset=utf-8' ,
    );
    $headers = implode( "\r\n" , $headers );

   $subject = "Тема письма";
   $message = '<b> </b> <br>';
   foreach($fields as $k=>$v) {
     $message .= $v . ' ' . $$k . '<br>';
   }
    mail ($to, $subject, $message, $headers);
   

AJAX+JSON-объект для формы будет примерно таким 

$.ajax({
    type: "POST",
    url: 'mail.php',
    data: formNm.serialize(),
    success: function (data) {
    data = JSON.parse(data); //в дейта уже полностью джсовский объект лежит
    console.log(data); // так можно смотреть что пришло с сервера
    // если массив ошибок пришел пустой - всё ок
    if(!data.errors.length){
    // Вывод сообщения об успешной отправке
    message.html('Спасибо! <br> Заявка отправлена!'); 
    formTitle.css("display","none");
     setTimeout(function(){
     $('.formTitle').css("display","block");
     $('.msgs').html('');} //Вывод сообщения об отправке
    }
 });

HTML:

<form>
   <p class="formTitle">Название формы</p> 
 	 <p class="msgs"></p> 
     <input placeholder="Инфо" name="info" type="text" tabindex="0"/>
           <label for="infoblock"></label>
		 <input type="submit" value="Submit" />
</form>

CSS:

.formTitle, .msgs{
  font-size: 1.125rem;
  color: #000;
}

 

p.s. Если в коде обнаружена ошибка, укажите на неё. Буду редактировать и учиться дальше 

Edited September 7, 2017 by rewqp

[mrnobody]

Может через locaStorage:

• http://htmlbook.ru/html5/storage
• https://tproger.ru/articles/localstorage/