UIとして考えると、レコードの追加、削除も必要になる。
それは属性として書けばいいだろう。

削除は単に属性つければ削除ボタン追加できるが
追加の場合は、どんな内容を追加するのかを書かないといけない
コレはHTMLのtemplateを参考にするとしよう

<datalist id="types">
 <option>A</option>
 <option>MX</option>
</datalist>

<table name="records" deletable="true" appendable="record">
 <thead><tr><th>ホスト名</th><th>タイプ</th>・・・</tr></thead>
 <tr>
  <td><text name="hostname">www.example.com</text></td>
  <td><select name="type" list="types">A</select></td>
  ・・・
 </tr>
 <tr>
  <td><text name="hostname">mx.example.com</text></td>
  <td><select name="type" list="types">MX</select></td>
  ・・・
 </tr>
</table>

<template id="record">
  <td><text name="hostname"></text></td>
  <td><select name="type" list="types"></select></td>
  ・・・
</template>