メルマガフォームの貼り付け

この記事を読むのに必要な時間は約 7 分です。

皆さんのメルマガフォームこんな感じになってませんか？

そのまま貼ったらこんな感じになります。

このままでいいですか？

筆者ならよろしくないと思うので修正方法を書いておきます。

メルマガフォームの修正

フォームタグを表示した状態です。

ここから全文を表示して削除したい部分と変更したい部分の書き方を書きます。

■フォームのHTMLタグ■

<form action=”http://social908.com/reserve/acmailer/reg.cgi” method=”post” name=”form2″>
<table border=”0″ cellspacing=”3″ cellpadding=”0″ style=”border:solid 1px #CCC; background-color:#FFF; text-align:left; border-collapse:separate; border-spacing:3px; width:500px;”>
<tr>
<td style=”background-color:#FFCC00; width:500px; color:#FFF; font-size:14px; font-weight:bold; padding-right:0px; padding-top:3px; padding-bottom:2px; text-align:left; padding-left:4px;” colspan=”2″>メルマガ登録</td>
</tr>
<tr>
<td style=”width:200px; background-color:#FFF; padding:0px;”>
メールアドレス
</td><td style=”width:300px; background-color:#FFF; padding:0px;”>
<input type=”text” name=”email” value=””>
</td>
</tr> <tr>
<td style=”width:200px; background-color:#FFF; padding:0px;”>
お名前
</td>
<td style=”width:300px; background-color:#FFF; padding:0px;”>
<input type=”text” name=”col1″ value=”” style=”height:16px; width:135px; margin-top:5px; margin-bottom:1px;“>

</td>
</tr>
<tr>
<td style=”width:200px; background-color:#FFF; padding:0px;”>
生年月日
</td>
<td style=”width:300px; background-color:#FFF; padding:0px;”>
<input type=”text” name=”col2″ value=”” style=”height:16px; width:135px; margin-top:5px; margin-bottom:1px;“>

</td>
</tr>

</td></tr>
<tr>
<td style=”background-color:#FFF; padding-left:0px; padding-top:4px; padding-bottom:2px; padding-right:0px; _padding-bottom:0px; _padding-top:0px;” colspan=”2″>

<div style=”text-align:right; padding-right:4px; font-size:10px; color:#999;”>powered by<a href=”http://www.acmailer.jp/” target=”_blank” title=”メール配信CGI acmailer”><img src=”img/logo_form.jpg” alt=”メール配信CGI acmailer” style=”border:none; padding:0; margin:0; margin-left:5px; vertical-align:middle; height:auto;” /></a></div>
</td>
</tr>
</table>
</form>

応援よろしく！

@eddie24751102