สร้าง Form ด้วย HTML และ jQuery

HTML Form ธรรมดา

<form action="" method="get">
  <label>ชื่อ: <input type="text" name="sname"></label><br>
  <label>วันเวลาสอบ: <input type="datetime-local" name="datetime"></label><br>
  <input type="submit" value="Submit">
</form>

สร้าง Form ด้วย jQuery (Dynamic)

// วิธีง่าย
$form = $('
');
$form.append('');
$form.append('');
$form.append('');
$('body').append($form);

// หรือสร้าง Element แบบ Object
var $myform = $("
");
$myform.append($("", { type: "button", value: "Button" }));
$('body').append($myform);

jQuery ช่วยสร้าง Element แบบ Dynamic แล้ว Append เข้า DOM ได้ง่าย