0

Web サイト用の 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>
4

1 に答える 1

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>
于 2013-04-15T21:05:49.083 に答える