Какие методы использовать для реализации?

Question

[emerysh]

Есть страница с input формою - после ввода текста и нажатия ентер, должно вместо этой формы появляться другая форма уже с другим текстом и другой переменной.
Создавать десяток одинаковых страниц - не очень.

Я сделал как-то так, но уверен есть более правильный подход и лучшая реализация:

PHP

switch (isset($_POST)) {
				case isset($_POST['arg']):
					echo   '<form method=post><h1><a>Текст1</a><br> <input type="text" name="arg1" class="enterdream" autofocus> </h1></form>';
					break;
				case isset($_POST['arg1']):
					echo   '<form method=post><h1><a>Текст2</a><br> <input type="text" name="arg2" class="enterdream" autofocus> </h1></form>';
					break;
				case isset($_POST['arg2']):
					echo   '<form method=post><h1><a>Текст3</a><br> <input type="text" name="arg3" class="enterdream" autofocus> </h1></form>';
					break;
                                        default:
					echo '<form method=post><h1><a>Текст0</a><br> <input type="text"   name="arg"  class="enterdream" autofocus> </h1></form>';	
			}

Answer 1

[vs02]

Да много вариантов, все зависит от задачи, если части формы не требуют какую-то валидацию на сервере до отправки всей формы, то можно содержимое формы разделить на блоки и открывть/скрывать их по мере заполнения, можно еще ajax запросов навешать чтобы делать какие-то проверки на сервере или сохранять данные перед открытием следующей вкладки

Comments

[emerysh]

подскажите, на маленьком примере, как же открывать/скрывать блоки?

[vs02]

Например вот такая форма:

<form>
    <div id="step-1" style="display: block">
        <label for="username">Username</label>
        <input type="text" name="username" id="username">
        <button type="button" onclick="next(2)">Next</button>
    </div>
    <div id="step-2" style="display: none">
        <label for="email">Email</label>
        <input type="email" name="email" id="email">
        <button type="button" onclick="next(3)">Next</button>
    </div>
    <div id="step-3" class="hidden" style="display: none">
        <label for="password">Password</label>
        <input type="password" name="password" id="password">
        <button type="button" onclick="next(4)">Next</button>
    </div>
    <div id="step-4" style="display: none">
        <button type="submit">Submit</button>
    </div>
</form>

Здесь в onclick используеться функция next()

function next(id) {
        var currentElement = document.getElementById('step-'+(id-1));
        var nextElement = document.getElementById('step-'+id);
        currentElement.style.display = 'none';
        nextElement.style.display = 'block';
    }