このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Archives Details

MySQL ブラウザから操作するページ作成02 HTML作成

MySQL

2011.03.29

この記事は最終更新日から1年以上が経過しています。

前回の

MySQL ブラウザから操作するページ作成01 データベース作成

続きで今回はHTMLの準備を行います。

webブラウザ上で、データの参照(全件)、データの検索、データの追加、データの更新、

データの削除 を行えるようにフォームの用意を行います。

ファイル名はcommand.html とします。

(doctype,title,css等は省かせて頂きます。)

では、コマンドページっぽくh1でタイトル表記

<h1>MySQLコマンドページ</h1>



テーブルの用意。

<table cellpadding="0" cellspacing="0"></table>

それぞれのコマンドの用意を行います。

テーブルの中身にフォームを設定。

データの参照

<form action="#" method="post">
<tr>
<td><input type="submit" value="データの参照" /></td>
<td>全件表示</td>
</tr>
</form>

データの検索

<form action="#" method="post">
<tr>
<td><input type="submit" value="データの検索" /></td>
<td>ID : <input type="text" name="id" size="4" />
店名: <input type="text" name="name" size="40" />
住所: <input type="text" name="add" size="40" />
</td>
</tr>
</form>

データの追加

<form action="#" method="post">
<tr>
<td><input type="submit" value="データの追加" /></td>
<td>
店名: <input type="text" name="name" size="40" />
住所: <input type="text" name="add" size="40" />
</td>
</tr>
</form>

データの更新

<form action="#" method="post">
<tr>
<td><input type="submit" value="データの更新" /></td>
<td>ID: <input type="text" name="id" size="3" /></td>
</tr>
</form>

データの削除

<form action="#" method="post">
<tr>
<td><input type="submit" value="データの削除" /></td>
<td>ID: <input type="text" name="id" size="3" /></td>
</tr>
</form>

それぞれ用意します。

css等での調整は各自でよろしくお願い致します。

これでコマンドページのHTMLは終了。

 

つづきはこちら
MySQL ブラウザから操作するページ作成03 PHPファイル作成

Comment

Related Article

CentOS MySQL(MariaDB) を バージョン10.3に yumでアップデート

2019.03.22

MySQLが起動しない エラー対応 Can’t connect to local MySQL server through socket ‘/tmp/mysql.sock’ (2)

2016.04.21

SQL文書きたくないけど手軽にDB扱いたいあなたへ〜 SQLite&Lita 〜

2015.04.26

MySQL オートインクリメントの値をリセット

2015.04.12

MySQLからSQLiteに変換 SQLiteのまとめ

2013.11.17

CentOS MySQL5.6 文字コード設定

2013.09.29

SQLiteを使用する方法 : iPhoneアプリでも有効

2012.03.13

MySQL ブラウザから操作するページ作成03 PHPファイル作成

2011.08.25

MySQL ブラウザから操作するページ作成02 HTML作成

2011.03.29

MySQL ブラウザから操作するページ作成01 データベース作成

2011.03.29

CATEGORY LIST

LATEST NEWS

Go言語開発者、Unity開発者必見!! 【Golang】「クソコードをシンプルにする」,【Unity】「Singletonを使わないUnityを用いたApplication開発」

イベント

2021.05.23

TypeScriptでStateMachine

AI・Bot・algorithm

2021.05.16

iPad Air で、Web開発環境構築(iSH Alpine使用)

mac

2021.04.11

【Qt】Mac開発 ソートダイアログ (拡張するダイアログ)を作成

C++

2021.04.01

M1 (Appleシリコン)Macで Widowsアプリを起動

mac

2021.03.27

M1(Appleシリコン)Macで、ファミコンソフトプログラミング。 サクッと開発環境準備編

Game

2021.03.21

iPad Air 2020を購入しちゃった件。

mac

2021.03.14

眠っているラズベリーパイをネットワークオーディオ化 Volumio2 インストール手順

RaspberryPi

2021.03.12

ラズベリーパイ 5インチDSIタッチスクリーン ディスプレイを使う。

RaspberryPi

2021.01.11

今年読んで良かった書籍は、「Go言語でつくるインタプリタ」でした。

イベント

2020.12.31

【Qt】Macの、Qt Creatorで Dialog GUI作成

C++

2020.12.29

【Qt】Macで、Qt Creatorをbrew installしてサクッと起動する。

C++

2020.12.14

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。

FOLLOW US