使客户端能够创建自己的表单

时间:2017-02-01 11:39:52

标签: php ajax automation

我有一个拥有联系页面的客户,他希望能够创建和编辑联系表单字段。 是否有一个简单的php类?

我真的不知道从哪里开始。

任何提示?

提前致谢!

1 个答案:

答案 0 :(得分:0)

此自定义Jquery代码显示如何使用Jquery

完成工作



$(document).ready(function(){
    
  $("#add").on('click', function() {
    $('#extra').css('display', 'block');
  });
  
  $('#dy_add').click(function(){
    var type = $("#type").val();
    var name = $("#name").val();
    var inputName = $("#m_nam").val();
  
    var form_field = inputName + '<input type="'+type +'" name="'+name+'" />' +'</br>' ;
    
    $("#dynamic").append(form_field);
  });
});
&#13;
#extra{display:none}
&#13;
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<form action="" method="POST" >
 First Name <input type="text" name="fname" /></br>
 Last Name <input type="text" name="lname" /></br>
 <div id="dynamic"></div>
 <input type="submit" name="submit" value="submit">
</form>

<button id="add">Add Fields</button>
<div id="extra">
<p><font color="red">Add extra form field</font></p>
Name<input type="text" id="m_nam" placeholder="input type"></br>
Type<input type="text" id="type" placeholder="input type"></br>
Input Name<input type="text" id="name" placeholder="input name">
<button id="dy_add">Add</button>
</div>
</body>
</html>
&#13;
&#13;
&#13;