ե
եϡHTML եफϤ줿ܤꤷ륢ɥ쥹CGIǤȹܤʤɡեƤǤդ˥ޥǽǤ
ˡ
CONTROL PANELFormMail˥塼ˤΥȡ
FormMail ˥塼եοܥƼβ̤˿ʤǤ
åȥåײ̤ǡե̾Τֿѥ륢ɥ쥹ϤܥƤ
ե̾ |
ե̾ΰȤƻѤ뤿Ⱦѱѿˤɽޤ
ʤǤ "test" ϤΤȤޤ |
ֿѥ륢ɥ쥹 |
եƻ륢ɥ쥹ˤʤޤԤΥ륢ɥ쥹ꤹΤŪǤ |
ɬ¤ΥåȥåפϴλǤä˥եԽɬפʤСλDzURLѤ뤳ȤǤޤ
http://www.yourdomain.com/FormMail/test/FormMail.html
ե(HTML,CSS)Խ
FTP³ˤƤͤΥǥ쥯ȥ³Ƥ
/FormMail/test/FormMail.html
/FormMail/test/default.css
ʥե̾Τ"test"Ȥ
ȣԣLեԽ
FormMail.htmlˤϡեޥ뤿Ρֽܤޤvalue="....."פʬѹˤäƥޥԤޤ
ե˴ؤ
<!-- ե˴ؤ (ե̾:̾:ɬ) -->
<input type="hidden" name="_label_" value="name:̾:required">
<input type="hidden" name="_label_" value="zip:ֹ">
<input type="hidden" name="_label_" value="address:">
<input type="hidden" name="_label_" value="tel:ֹ">
<input type="hidden" name="_label_" value="email:륢ɥ쥹:required">
<input type="hidden" name="_label_" value="homepage:ۡڡ">
<input type="hidden" name="_label_" value="comment:å">
|
|
name="_label_" Ȥ value ͤ "name:̾" Τ褦˻ꤹ뤳Ȥǡեιܤɲä뤳ȤǤޤܤ¤ӽˤĤƤ⡢ꤷ̤եȿǤޤ
ޤ"name:̾:required" Τ褦 :required ղä뤳ȤǡɬܹܤȤƻꤹ뤳ȤǤޤɬܹܤȤܤϤ뤳Ȥʤ桼褦ȤƤ⥨顼Ȥʤޤ
ʤemail ˴ؤƤϥ٥̾ѹˤΤޤޤѤʥ륢ɥ쥹åƤޤ
ǧ̤
<input type="hidden" name="_conf_enable_" value="1">
ǧ̤Ѥ뤫ɤǤǧ̤Ѥ value "1"ˡǧ̤Ѥˡλ̤ɽ value "0" ȤƻꤷƤ |
<input type="hidden" name="_conf_title_" value="Ƴǧ">
<input type="hidden" name="_conf_msg_head_" value="Ƥǡޤ">
<input type="hidden" name="_conf_msg_foot_" value="ǧξ塢ץܥƤ">
<input type="hidden" name="_conf_submit_" value="">
ǧ̤ǤΥåꤷޤ
λ̤
<input type="hidden" name="_comp_title_" value="λ">
<input type="hidden" name="_comp_msg_head_" value="Ƥǡޤ">
<input type="hidden" name="_comp_msg_foot_" value="꤬Ȥޤ">
<input type="hidden" name="_comp_return_text_" value="ۡڡ">
λ̤
<input type="hidden" name="_comp_return_url_" value="/index.html">
CSSեԽ
default.cssѹϥե(HTML)Ǥʤǧ̡λ̤ˤȿǤޤ
ե˴ؤ
/* ------ ڡ ------ */
body {
background-color: #ffffff; /* طʿ */
}
/* ------ ȥ ------ */
.title {
color: #000000; /* ʸ */
text-align: left; /* */
}
ȥʸ֤ꤷޤ
/* ------ å ------ */
.msg_head {
color: #000000; /* ʸ */
text-align: left; /* */
}
.msg_foot {
color: #000000; /* ʸ */
text-align: center; /* */
}
/* ------ ơ֥ ------ */
table {
border-style: none;
width: 80%;
margin: 20px 10%;
}
table th {
background-color: #cccccc; /* طʿ */
color: #000000; /* ʸ */
text-align: left; /* */
border-style: none;
white-space: nowrap;
padding: 5px;
}
table td {
background-color: #eeeeee; /* طʿ */
color: #000000; /* ʸ */
text-align: left; /* */
border-style: none;
white-space: nowrap;
padding: 5px;
}
/* ------ ܥ ------ */
.submit {
text-align: center; /* */
}
ܥܥʤɡˤ֤ꤷޤ
left, right, center ʤɤǤޤ
|
|
|