Создание поля ввода по нажатию на кнопку?

@cyborgg4655 · Регистрация: 31.01.2013

Студворк — интернет-сервис помощи студентам

Как сделать чтобы при нажатии на кнопку создавалась новое поля типа <input>?
Тоесть 3 раза я нажал - 3 поля добавилось. Помогите с этим пожалуйста...

@cyborgg4655 · 03.04.2013, 16:13 **[ТС]**

На сайте есть 2 поля <input> и кнопка, реально ли при каждом нажатии на кнопку в PHP файл вписывать строки такого рода??

PHP
1
echo '<input id="'.$s1.'" size="15" value="'.$s2.'">';

@sonar200 · 03.04.2013, 16:35

через javascript можно реализовать

@cyborgg4655 · 03.04.2013, 16:39 **[ТС]**

Сообщение от sonar200

через javascript можно реализовать

Если не сложно объяснить, то как?

@sonar200 · 03.04.2013, 16:53

могу на примере с jquery показать

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>
        function add_input(){
            var inputs = $('.inputs input[type="text"]');
            var new_id = inputs.length+1;
            $('.inputs').append('<input id="id-'+new_id+'" name="name[]" />');
        }
        </script>
    </head>
    <body>
        <form id="Form">
            <div class="inputs">
                <input id="id-1" name="name[]" />
                <input id="id-2" name="name[]" />
            </div>
            <input type="button" onclick="add_input()" value="Добавить" />
        </form> 
    </body>
</html>

что-то типа такого

@cyborgg4655 · 03.04.2013, 18:00 **[ТС]**

Все бы хорошо, но мне нужно чтобы обновления страницы добавленные поля оставались((

KOPOJI · 03.04.2013, 20:10

Не по теме:

а почему об этом сразу нельзя было сказать?

PHP
1
2
3
4
5
6
7
8
9
10
11
12
<?php 
if(isset($_POST['add']))
    file_put_contents('./inputs.txt', '<input type="text" name="name[]">' . PHP_EOL, FILE_APPEND);
?>
<form method="POST">
    <div class="inputs">
        <input type="text" name="name[]" />
        <input type="text" name="name[]" />
        <?php if(file_exists('./inputs.txt')) echo nl2br(file_get_contents('./inputs.txt')); ?>
    </div>
    <input type="submit" name="add" value="Добавить" />
</form>

@cyborgg4655 · 04.04.2013, 08:32 **[ТС]**

Сообщение от KOPOJI

Не по теме:

а почему об этом сразу нельзя было сказать?

PHP
1
2
3
4
5
6
7
8
9
10
11
12
<?php 
if(isset($_POST['add']))
    file_put_contents('./inputs.txt', '<input type="text" name="name[]">' . PHP_EOL, FILE_APPEND);
?>
<form method="POST">
    <div class="inputs">
        <input type="text" name="name[]" />
        <input type="text" name="name[]" />
        <?php if(file_exists('./inputs.txt')) echo nl2br(file_get_contents('./inputs.txt')); ?>
    </div>
    <input type="submit" name="add" value="Добавить" />
</form>

Все отлично, но вот только каждый раз когда я обновляю страницу, инпуты добавляются сами(

Добавлено через 10 часов 3 минуты
Разобрался ещё вчера, просто убрал

PHP
1
<?php if(file_exists('./inputs.txt')) echo nl2br(file_get_contents('./inputs.txt')); ?>

Ну а чтобы в полной мере осущиствилось то, что задумано, пришлось в дельфи ещё програмку написать. Но зато теперь все именно так, как планировалось) Ещё раз огромное спасибо!

KOPOJI · 04.04.2013, 10:11

Сообщение от cyborgg4655

Все отлично, но вот только каждый раз когда я обновляю страницу, инпуты добавляются сами(

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php 
if(isset($_POST['add']))
{
    file_put_contents('./inputs.txt', '<input type="text" name="name[]">' . PHP_EOL, FILE_APPEND);
    header('Location: ' . $_SERVER['PHP_SELF']);
    exit;
}
?>
<form method="POST">
    <div class="inputs">
        <input type="text" name="name[]" />
        <input type="text" name="name[]" />
        <?php if(file_exists('./inputs.txt')) echo nl2br(file_get_contents('./inputs.txt')); ?>
    </div>
    <input type="submit" name="add" value="Добавить" />
</form>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@cyborgg4655 0 / 0 / 0 Регистрация: 31.01.2013 Сообщений: 103

	Создание поля ввода по нажатию на кнопку? 03.04.2013, 15:35. Показов 18045. Ответов 8 Метки нет (Все метки) Как сделать чтобы при нажатии на кнопку создавалась новое поля типа <input>? Тоесть 3 раза я нажал - 3 поля добавилось. Помогите с этим пожалуйста... 0

@sonar200 49 / 49 / 14 Регистрация: 21.03.2011 Сообщений: 113
	03.04.2013, 16:35
	через javascript можно реализовать 0

@cyborgg4655 0 / 0 / 0 Регистрация: 31.01.2013 Сообщений: 103
	03.04.2013, 18:00 [ТС]
	Все бы хорошо, но мне нужно чтобы обновления страницы добавленные поля оставались(( 0