所以我有一个表单并且在选项卡上创建了一个新行（文本框和复选框），并且在动态创建的文本框中单击选项卡上，我应该在它下面有另一行，光标在新创建的行上。（ps。我是jquery的新手。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">$(document).ready(function() {
var inputNode = $("<tr><td><input type='text' id='input' name='Medicinename' ></td><td><input type='checkbox' value='On' name='Morning'></td><td><input type='checkbox' value='On' name='AfterNoon'></td><td><input type='checkbox' value='On' name='Evening'></td><td><input type='text' id='target' /></td></tr><br/>");
$('#btnCreateTxt').focusout(function() {
$("#mytable").append(inputNode);
input.focus();
});
});
</script>
<style>
#mytable{
border: 1px solid black;
}
</style>
</head>
<body>
<form action="abc" method="post">
<fieldset>
<legend>Medical-Report</legend>
<table>
<tr>
<td>
<p>Patient Id </p>
</td>
<td>
<input id="patientid" type="text" name="mytext">
</td>
<td></td>
</tr>
<tr>
<td>
<p>Doctor Name</p>
</td>
<td>
<input type="text" name="doctorname">
</td>
</tr>
<tr>
<td>
<p>Patient Name </p>
</td>
<td>
<input type="text" name="patientname">
</td>
</tr>
<table id="mytable">
<tr>
<u>
<h2>Medicine</h2>
</u>
</tr>
<tr>
<td>Medicine Name</td>
<td>Morning</td>
<td>AfterNoon</td>
<td>Evening</td>
<td>Dose</td>
</tr>
<tr><td><input type="text" name="Medicinename">
</td>
<td>
<input type="checkbox" value="On" name="Morning">
</td>
<td>
<input type="checkbox" value="On" name="AfterNoon">
</td>
<td>
<input type="checkbox" value="On" name="Evening">
</td>
<td>
<input type="text" name="Dose" id="btnCreateTxt"/>
</td></tr></table>
<input type="button" value="Insert" />
</table>
</table>
</fieldset>
</form>
</body>
</html>
medicinename，checkboxes和dose是要创建的行，在选项卡上单击剂量字段时，必须创建一个新行。