title: Html table text entry placeholder as row index
body: <p>I have a html table in which I can dynamically add and remove rows. To avoid confusion further on, I would like the placeholder of the first entry of each row to be the index of said row.</p>
  
  <p>A small working example:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt; 
  
  &lt;script src="https://code.jquery.com/jquery-1.12.1.js"   integrity="sha256-VuhDpmsr9xiKwvTIHfYWCIQ84US9WqZsLfR4P7qF6O8="   crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script&gt;
   window.SomeDeleteRowFunction = function SomeDeleteRowFunction(o) {
    var p=o.parentNode.parentNode;
    p.parentNode.removeChild(p);
   }
  
   $('document').ready(function() {
    $('.add_another').click(function() {
     $("#tbl").append('&lt;tr&gt;&lt;td&gt;&lt;input type="text" class="txtbox" value="" placeholder=x.rowIndex/&gt;  &lt;/td&gt;&lt;/tr&gt;');
    });
   })&lt;/script&gt;
  
  &lt;table id="tbl"&gt;
  &lt;tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;input type="text" name="links"  placeholder=x.rowIndex /&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type="button" value="Delete Row" onclick="SomeDeleteRowFunction(this)"/&gt;&lt;/td&gt;          
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;input type="submit" class="button add_another" value="Add another line"/&gt;
  
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>In this example I would like the x.rowindex to be replaced with the current row index.</p>
  
  <p>Is there a way to do this?</p>
  
  <p>Thank you!</p>