素材屋さんのテーブル素材でメールフォームを飾りたい!場合

再配布にならないよう、素材サイト様の素材画像やソースは載せません。素材サイト様のテーブル素材ページに使用見本がある場合が多いです。(素材の使い方であってメールフォームの使い方ではありません)

このページは、tableで記述するテーブル素材の話です。素材使用方法が、table以外の場合や、tableでも素材によって、使い方が異なります(特にソース)

※このページの質問を配布先にしないようにしてください。こちらでもサポートしておりません。

テーブル素材って?

┏ ━ ┓
┃

┃
┗ ━ ┛
┏ ━ ┓
┃

┃
┗ ━ ┛

簡単にいうと、バラバラの絵をtableで1つの枠に見せる素材です。

※ちなみにこの見本は、閲覧環境によっては崩れて見えます。

素材屋さんのテーブル素材でメールフォームを飾りたい!


ここに文字

ここに文字

素材屋さんのテーブル素材にフォームを入れられます。

素材屋さんのテーブル素材使用見本で、例えば「ここに書きます」と、どのセルに記述できるか説明があるかと思いますので、そこに入力欄を入れます。

formは素材用tableの直前に置いて、tdやthにinputやtextareaを置きます。

tdとthにformを置くこともできます。

(メモ:Strict DTDだとformの直下にinputやテキストを置けない)

formはtableの直前に置いて、tdやthにinputを置きます。

※イメージです。実際は素材屋さんの記述にあわせてください。

数字の欄に<IMG src="1.gif" alt="">と素材画像が記述されていると思ってください。

<form action="http://〜〜/f2m.cgi" method="post">
<table>←素材用のtableとする
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5ここに文字<textarea name="内容" rows="2" cols="20"></textarea><br>
        <input type="submit" value=" 送 信 "></td>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>
        <td>8</td>
        <td>9</td>
    </tr>
</table>
</form>

table直下にformは置けない

formをtable内に記述する場合、tdかthに置いてください。以下は誤りになります。

<table> ↓tableの直後にformは置けない
     <form action="http://〜〜/f2m.cgi" method="post">
	<tr>←thではない
	<td>↓table内に入れるならtdかthにする
	<form action="http://〜〜/f2m.cgi" method="post">
	<textarea name="内容" rows="1" cols="40"></textarea>
	<input type="submit" value=" 送 信 ">
	</form>
	</td>
	</tr>
</table>
	
	※form内に別のformを入れてはいけません。	

その他

素材サイト様の、テーブル素材のお願い事*や、利用規約をお読みください。

*例えば、素材を大切にするため、背景の変更不可、200pxで綺麗に見える素材を崩す(2000pxのメールフォームを押し込むとか)のは不可や、フォトフレームとしての使用のみ可など、決め事があるかと思います。

大きいメールフォームを入れるときは、可変できるものや大きい素材をお借りしてください。


※メールフォームのタグはあくまで例です。メールCGIによって記述が異なります。

※TDにフォームの部品を切ったり貼ったりすると、記述ミスしやすいので、メールが正しく届くかテストしてください。