Question

我正在尝试使用网站的javascript计算创建在线表单。

我的第一步是在excel中创建表单/表。然后我使用在线服务将表格转换为html。我现在有生成的html代码，这很棒，但是我看到这些字段不是“可编辑”的形式。我在转换之前尝试删除电子表格中的“示例”数据，但这些字段仍然无法编辑？

任何建议都将不胜感激。谢谢

<style type="text/css">
    table.tableizer-table {
    border: 1px solid #CCC; font-family: <?php echo $tableFont ?>;
    font-size: 12px;
} 
.tableizer-table td {
    padding: 4px;
    margin: 3px;
    border: 1px solid #ccc;
}
.tableizer-table th {
    background-color: #104E8B; 
    color: #FFF;
    font-weight: bold;
}
</style><table class="tableizer-table">
<tr class="tableizer-firstrow"><th>Date</th><th>Amount of Delegates ½ Day Conference @ R 240 pp</th><th>Amount of Delegates Full Day Conference @ R 260 pp</th><th>Menu No</th><th>Price pp for Menu       (1-7: R70, 8-10 R85, 11: R105, 12: R85)</th><th>Total persons for Meals </th><th>Amount of Single Rooms @ R 480 pp</th><th>Amount of Double Rooms @ R 720 pp</th><th>Total for the day</th></tr>
 <tr><td>4/14/2013</td><td>2</td><td>4</td><td>5</td><td>70</td><td>6</td><td>3</td><td>3</td><td>R 5,540.00</td></tr>
 <tr><td>4/15/2013</td><td>1</td><td>5</td><td>8</td><td>85</td><td>6</td><td>3</td><td>3</td><td>R 5,650.00</td></tr>
 <tr><td>4/16/2013</td><td>0</td><td>6</td><td>11</td><td>105</td><td>6</td><td>3</td><td>3</td><td>R 5,790.00</td></tr>
 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
 <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
 <tr><td>Grand Total  for the conference</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>R 16,980.00</td></tr>
</table>

Answer 1

我不明白你的意思是不可编辑，但我想你的意思是他们有静态数据。如果是这种情况，那么您需要插入<input type="text" />元素。

我提供了一个示例jsfiddle.net/trajce/6jAAU 以下是HTML示例：

<table>
<tr>
    <td>
        Name:
    </td>
    <td>
        <input tyle="text" id="name"/>
    </td>
</tr>
    <tr>
    <td>
        Surname:
    </td>
    <td>
        <input tyle="text" id="surname"/>
    </td>
</tr>
</table>

在线报价表 - Wordpress

1 个答案: