Я создаю страницу php
для регистрации в лагере, очень простой, и я не хочу замазывать страницу несколькими ярлыками/текстовыми полями. То, о чем я думал, состояло в том, чтобы по умолчанию иметь один текстовый блок и один ярлык и, возможно, синий текст, который говорит, добавить еще одну (или даже кнопку), которая при нажатии на страницу будет содержать текущие данные, но добавит дополнительную метку и текстовое поле, чтобы дополнительная информация может быть добавлен. Вот как я беру данные за 1, может ли это легко быть изменено для достижения моего предыдущего результата?PHP Создать еще одну кнопку
<td><label for="lblName">Campers Name:</label></td>
<td class="style1"><input type="text" name="txtName"
maxlength="100" size="30"></td>
EDIT
Ссылка объявления ничего не делает, когда я нажимаю, я уверен, что я пропускаю очевидное, но здесь полный синтаксис, что я должен изменить, чтобы сделать его работу?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<script type="text/javascript">
$("#newCamper").on('click', function() {
$('#Campers').after(
'<div id="Campers">' +
'<td><label for="lblName">Campers Name: </label></td>' +
'<td class="style1"><input type="text" name="txtName" maxlength="100" size="30"></td>' +
'<a href="#" id="rmCamper"> remove this</a>' +
'</div>'
);
});
$(document).on('click', '#rmCamper', function() {
$(this).closest('#Campers').remove();
});
</script>
</head>
<body>
<div id="Campers">
<td><label for="lblName">Campers Name:</label></td>
<td class="style1"><input type="text" name="txtName" maxlength="100" size="30"></td>
<a href="#" id="newCamper">Add another</a>
</div>
</body>
</html>
EDIT # 2
, когда я иду на локальный на моей машине, и нажать на кнопку Добавить это изменяет URL на локальный # но никакие дополнительные поля не добавляются к странице?
Вы хотите кнопку, которая эффективно добавляет пару с меткой/текстом? Итак, если вы нажмете кнопку 50 раз, вы получите 50 входов для ввода ваших данных? –
Сделайте это в JS и присвоите атрибуту name динамический массив? – chris85
@BobbyJack - хорошо пункт. Я должен, вероятно, ограничить количество дополнительных добавлений. – user2676140