Как добавить данные формы на одну страницу?

В настоящее время у меня две формы, которые появляются при нажатии двух разных кнопок. Таким образом, при нажатии кнопки a появляется кнопка b, и кнопка a по-прежнему находится на экране. Я бы хотел, чтобы при загрузке страницы обе кнопки были рядом. Кроме того, когда я отправляю данные формы для формы A, она работает и идет в левый верхний угол экрана, где я хочу, но когда я отправляю форму B, данные из формы B отображаются под последним полем ввода, когда я нажимаю кнопку A, чтобы отобразить форму кнопки A. Я хотел бы, когда я отправлю форму b, это данные будут отображаться из уже добавленных данных на веб-страницу, пожалуйста, не под формой, когда я нажимаю кнопку a для ввода данных формы в поле ввода формы a.Как добавить данные формы на одну страницу?

<!DOCTYPE html> 
<html> 
<head> 
    <title>Home</title> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> 
<link rel="stylesheet" href="index.css"> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
</head> 
<body> 

</body> 
</html> 
<div id="formData" > 
<?php 
#FOR THE DRIVERS ONLY 
session_start(); 

if (isset($_POST['clear'])) { 
    $_SESSION['inputs'] = array(); 
} 
if (!empty($_POST['name']) && !empty($_POST['age']) && !empty($_POST['departLoc']) 
    && !empty($_POST['arriveLoc']) && !empty($_POST['departDate']) && !empty($_POST['returnDate']) 
    && !empty($_POST['desiredNum'])) { 
    if (!isset($_SESSION['inputs'])) { 
     // initialize the saved input session variable the first time 
     $_SESSION['inputs'] = array(); 
    } 
    $_SESSION['inputs'][] = $_POST; 
    foreach ($_SESSION['inputs'] as $input) { 
     echo " <p class='driverAlert' > DRIVER </p> <img src='taxi.png' width ='50' height='50'title='driver'> <span class='trip'> {$input['name']}, Age: {$input['age']} <br> Is planning to go to {$input['arriveLoc']} from {$input['departLoc']}<br> 
     Leaves on {$input['departDate']} and returns on {$input['returnDate']} <br> Will drive up to: {$input['desiredNum']} people <br> <br></span> 
     "; 
    } 
} 
?> 
</div> 
<input class="btn btn-default" type="button" id="driverbtn"value="Driver"> 
<div id="driver"> 

<form action="index.php" id="driverForm" method="post" class="form-inline"> 
<div class="form-group"> 
    <input type="text" class="form-control input-sm" id="desireNum" name="desiredNum" placeholder="Number of potential riders"> 
    </div><br> <br> 

    <div class="form-group"> 
    <input type="text" class="form-control input-sm" id="name" name="name" placeholder="Enter Name"> 
    </div><br> <br> 

    <div class="form-group"> 
    <input type="text" class="form-control input-sm" id="age" name="age" placeholder="Enter Age"> 
    </div> <br> <br> 

    <div class="form-group"> 

    <input type="text" class="form-control input-sm" id="depart" name="departLoc" placeholder="Departure Location"> 
    </div><br> <br> 

    <div class="form-group"> 

    <input type="text" class="form-control input-sm" id="arrive" name="arriveLoc" placeholder="Destination Location"> 
    </div><br> <br> 

    <div class="form-group"> 

    <input type="date" class="form-control input-sm" id="departDate" name="departDate" placeholder="Depart Date"> 
    </div><br> <br> 

    <div class="form-group"> 

    <input type="date" class="form-control input-sm" id="returnDate" name="returnDate" placeholder="Return Date"> 
    </div><br> <br> 


<input class="btn btn-default" type="submit" value="Submit"> <input class="btn btn-default" title="Clear page content"type="submit" name="clear" value="Clear"> 
</form> 

<!-- Creates form for Riders --> 
<div id="formData2" > 
<?php 
#FOR THE DRIVERS ONLY 

if (isset($_POST['clear'])) { 
    $_SESSION['inputs2'] = array(); 
} 
if (!empty($_POST['nameTwo']) && !empty($_POST['ageTwo']) && !empty($_POST['departLocTwo']) 
    && !empty($_POST['arriveLocTwo']) && !empty($_POST['departDateTwo']) && !empty($_POST['returnDateTwo'])) { 
    if (!isset($_SESSION['inputs'])) { 
     // initialize the saved input session variable the first time 
     $_SESSION['inputs2'] = array(); 
    } 
    $_SESSION['inputs2'][] = $_POST; 
    foreach ($_SESSION['inputs2'] as $input) { 
     echo " <span class='tripTwo'> <p class='riderAlert' > PASSENGER </p> <img src='rider.png' width ='50' height='50'title='rider'> {$input['nameTwo']}, Age: {$input['ageTwo']} <br> Would like to go to {$input['departLocTwo']} from {$input['arriveLocTwo']} on {$input['departDateTwo']} and return on 
     {$input['returnDateTwo']} <br> <br></span> 
     "; 
    } 
} 
?> 
</div> 
<input class="btn btn-default" type="button" id="riderbtn"value="Passenger"> 
<div id="rider"> 

<form action="index.php" id="riderForm" method="post" class="form-inline"> 

    <div class="form-group"> 
    <input type="text" class="form-control input-sm" id="nameTwo" name="nameTwo" placeholder="Enter Name"> 
    </div><br> <br> 

    <div class="form-group"> 
    <input type="text" class="form-control input-sm" id="ageTwo" name="ageTwo" placeholder="Enter Age"> 
    </div> <br> <br> 

    <div class="form-group"> 

    <input type="text" class="form-control input-sm" id="departLocTwo" name="departLocTwo" placeholder="Departure Location"> 
    </div><br> <br> 

    <div class="form-group"> 

    <input type="text" class="form-control input-sm" id="arriveLocTwo" name="arriveLocTwo" placeholder="Destination Location"> 
    </div><br> <br> 

    <div class="form-group"> 

    <input type="date" class="form-control input-sm" id="departDateTwo" name="departDateTwo" placeholder="Depart Date"> 
    </div><br> <br> 

    <div class="form-group"> 

    <input type="date" class="form-control input-sm" id="returnDateTwo" name="returnDateTwo" placeholder="Return Date"> 
    </div><br> <br> 


<input class="btn btn-default" type="submit" value="Submit"> <input class="btn btn-default" title="Clear page content"type="submit" name="clear" value="Clear"> 
</form> 
<script type="text/javascript"> 
    $('#riderbtn').click(function() 
    { 
     $('#rider').toggle(); 
    }); 
</script> 

<!--- End of rider data --> 
<script type="text/javascript"> 
    $('#driverbtn').click(function() 
    { 
     $('#driver').toggle(); 
    }); 

</script> 

</div>

источник

2016-02-26 kylel95

Когда пользователь отправляет форму, добавьте входы в переменный сеансе, и отобразить все сохраненные значения из переменных.

<?php 
session_start(); 

if (isset($_POST['clear'])) { 
    $_SESSION['inputs'] = array(); 
} 
if (!empty($_POST['name']) && !empty($_POST['age'])) { 
    if (!isset($_SESSION['inputs'])) { 
     // initialize the saved input session variable the first time 
     $_SESSION['inputs'] = array(); 
    } 
    $_SESSION['inputs'][] = $_POST; 
    foreach ($_SESSION['inputs'] as $input) { 
     echo "You are {$input['name']} and you are {$input['age']} years old.<br>"; 
    } 
} 
?> 

<form action="index.php" method="post"> 
<input type="text" name="name" placeholder="Name"> 
<input type="text" name="age" placeholder="Age"> 
<input type="submit"> <input type="submit" name="clear" value="Clear"> 
</form>

источник

2016-02-26 02:34:32 Barmar

Спасибо @Barmar – kylel95

Есть ли у вас какие-либо идеи о том, как я могу удалить данные, которые пошли на Paged на основе нажатия кнопки. Я могу сделать это в js, но пытаюсь понять это в php? @Barmar – kylel95

Если вы хотите сделать это без перезагрузки, вам нужно сделать это в Javascript, а не в PHP. – Barmar

Как добавить данные формы на одну страницу?

ответ

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