编写一个 HTML 代码，创建一个表格，其中包含三列：姓名、年龄、职业。表格应至少有两行数据，除了表头以外。然后在表格下方添加一个输入框和一个按钮，按钮的功能是添加一条新的空白数据到表格的最后一行。请确保代码段落的第一行是 `<html>`，且代码段落的最后一行是 `</html>`。另外，为表格添加样式，使其具有边框。
user
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 15px;
  text-align: left;
}
input[type="text"], button {
  margin-top: 10px;
}
</style>
</head>
<body>

<table id="myTable">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>职业</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>28</td>
    <td>工程师</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>34</td>
    <td>教师</td>
  </tr>
</table>

<div>
  <input type="text" id="name" placeholder="姓名">
  <input type="text" id="age" placeholder="年龄">
  <input type="text" id="job" placeholder="职业">
  <button onclick="addRow()">添加</button>
</div>

<script>
function addRow() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(-1);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  var cell3 = row.insertCell(2);
  cell1.innerHTML = document.getElementById("name").value;
  cell2.innerHTML = document.getElementById("age").value;
  cell3.innerHTML = document.getElementById("job").value;
}
</script>

</body>
</html>
assistant