フォームをカスタマイズする

名　　前：
メール：
メッセージ：
実際に送信されます。
サンプル
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
<STYLE type="text/css">
<!--
.name{
background-color : #99cccc;
}
.mail{
background-color : blue;
}
.bkg{
background-image : url(../art/p1b.gif);
}
-->
</STYLE>
</HEAD>
<BODY><FORM action="mailto:kensyou@748-ii.com" method="post" enctype="text/plain">
<TABLE border="0" width="632" height="166">

<TR>
<TD align="center" width="90">名　　前：</TD>
<TD width="532"><INPUT name="名前" size="53" class="name" type="text"></TD>
</TR>
<TR>
<TD align="center" width="90">メール：</TD>
<TD width="532"><INPUT name="Ｅメール" size="53" type="text" class="mail"></TD>
</TR>
<TR>
<TD height="106" align="center" width="90">メッセージ：</TD>
<TD height="106" width="532"><TEXTAREA name="メッセージ" rows="5" cols="53" class="bkg"></TEXTAREA></TD>
</TR>

</TABLE>
実際に送信されます。<BR>
<INPUT type="submit" value="送信する">
<INPUT type="reset" value="リセット" onClick=""></FORM>
</BODY>
#99cccc、blue;は、色です。１６進数でもどちらでも構いません。
上の<style>で.name・.nameというように同じクラスにしてやればOKです。
一番下は画像にしてみました。
./art/p1b.gifに画像までのパスを記述してください。
記述のしかたは、上記と同じです。

コピーペーストしてこちらですぐにテストできます。


b-click

サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります。
検索サイトから直接このページに来られた方はこちらがトップです。