MW WP form « - snipets

MW WP form

※フォーム幅指定
mw-wp-form / classes / form-fields / の各phpファイルで指定

※電話番号フォーム幅指定
mw-wp-form / css / style.css
の「tel and zip」でサイズを指定

氏名	必須	[mwform_text name="氏名"]
メールアドレス	必須	[mwform_email name="メールアドレス"]
電話番号	必須	[mwform_tel name="電話番号"]
お問合せ内容	必須	[mwform_textarea name="お問合せ内容"]

※ご入力いただいた内容はお問い合わせに関する業務のみに使用させていただき第3者への開示は致しません。

[mwform_submitButton preview_value="入力内容の確認" submit_value="送信する"]

その他

CSS

/* FORM
------------------------------------------- */
#respond {
    width: 800px;
    margin: 0;
}

#respond table.table01 {
    width: 800px;
    margin-bottom: 20px;
    border-collapse: collapse;
    font-size: 100%;
    border: solid 1px #C2C2C2;
}
#respond table.table01 td.td01 {
    font-size: 100%;
    font-weight:bold;
    text-align: left;
    white-space: nowrap;
    padding: 10px 2px 10px 10px;
    background: #FAF4EF;
    border-bottom: solid 1px #C2C2C2;
    border-left: solid 3px #590000;
}
#respond table.table01 td.td02 {
    text-align: left;
    vertical-align: middle;
    font-size: 100%;
    line-height: 1.5em;
    padding: 10px ;
    border-bottom: solid 1px #C2C2C2;
    border-left: solid 1px #949292;
    background: #fff;
}
#respond table.table01 td.td03 {
    text-align: center;
    white-space: nowrap;
    padding: 10px 10px 10px 0;
    background: #FAF4EF;
    border-bottom: solid 1px #C2C2C2;
}

#respond input[type="text"] {
    height: 25px;
    text-align: left;
    font-family:Arial, sans-serif;
    border:1px solid #B7B5B5;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#respond input[type="email"] {
    height: 25px;
    text-align: left;
    font-family:Arial, sans-serif;
    border:1px solid #B7B5B5;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#respond textarea {
    width: 480px;
    height: 180px;
    text-align: left;
    font-family:Arial, sans-serif;
    border:1px solid #B7B5B5;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#respond input[type="submit"]{
    border: none;
    padding: 10px 60px 10px 60px;
    margin: 5px auto 10px auto;
    color:#fff;
    font-size:16px;
    font-weight: bold;
    letter-spacing: 0.2em;
    cursor:pointer;
    background: #AC0133;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn_submit {
    text-align: center;
}

.exp {
    font-size:11px;
    color:#fff;
    padding: 0px 4px 0px 4px;
    margin: 0;
    background: #9B1C1E;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.exprivacy {
    font-size:11px;
    line-height:1.8em;
    margin: 0 0 10px 0;
}

.compbox {
    font-size: 14px;
    background: #FFFDEB;
    border: solid 1px #B96077;
    padding: 20px;
    margin: 20px 0 20px 0;
}

snipetsNakazawa's Collection

MW WP form

その他

CSS

HTML

CONTENTS