Input field demo

<div> example


<table> example

Key Value
Delete this value and exit the field.

The value column is marked with "data-deleteempty" attribute. Meaning that if you enter a value and afterwards clear the field, it will delete the table row.

<h2>&lt;div&gt; example</h2>
<label>Enter text in the div below</label><br>
<div class="well well-sm" data-action="input" data-name="InputField1" data-placeholder="You can enter text here inside this div element"></div>

<h2>&lt;table&gt; example</h2>

<table class="table table-striped table-bordered">
    <thead>
        <tr>
            <th>Key</th>
            <th>Value</th>
        </tr>
    </thead>
    <tbody data-array="Table1">
        <tr>
            <td data-action="input" data-name="Key" data-placeholder="Enter key name"></td>
            <td data-action="input" data-name="Value" data-placeholder="Enter value" data-deleteempty="1">Delete this value and exit the field.</td>
        </tr>
    </tbody>
</table>

<button data-action="add" data-target="Table1">Add new row</button>
<p>The value column is marked with "data-deleteempty" attribute. Meaning that if you enter a value and afterwards clear the field, it will delete the table row.</p>
No JS code used for this example

Output templates

Templates used for document and web page generation:

Friendly Name File Name Template