<style> スタイル </style> <p>シンプル電卓</p> <form name="ふぉーむ"> <table> <tr><td colspan="4"><input type="text"name="入力"size="16"style="font-size:100%;"></td></tr> <tr> <td colspan="3"style="text-align:left;">A C</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> <td>x</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> <td>−</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>+</td> </tr> <tr> <td>・</td> <td>0</td> <td> </td> <td colspan="2">=</td> </tr> </table> </form> <script> </script>
<style> p{text-align:center; margin-top:40px;} form{text-align:center; margin:0 auto;} table{text-align:center; margin:0 auto; display:block; border:1px solid #000000; padding:10px 10px;} td{text-align:center; vertical-align:middle; padding:6px 4px;} </style>
・・・JavaScriptは C で記述したものを使用します
sample_STUDY_html_030_D サンプル・ダウンロード