css お问い合わせフォームサンプル
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css お问い合わせフォームサンプル相关的知识,希望对你有一定的参考价值。
<table class="base-table contact-table">
<tr>
<th>会社名</th>
<td><input name="company" type="text"></td>
</tr>
<tr>
<th>担当者指名<span class="must">必須</span></th>
<td><input name="name" type="text"></td>
</tr>
<tr>
<th>メールアドレス<span class="must">必須</span></th>
<td><input name="mailad" type="text"></td>
</tr>
<tr>
<th>住所</th>
<td><input name="address" type="text"></td>
</tr>
<tr>
<th>TEL<span class="must">必須</span></th>
<td><input name="tel" type="text"></td>
</tr>
<tr>
<th>お問い合わせ内容<span class="must">必須</span></th>
<td><textarea name="mess" cols="" rows=""></textarea></td>
</tr>
</table>
.base-table {
width: 100%;
border-top: 1px solid #bcbcbc;
}
.base-table th {
padding: 25px 30px;
text-align: left;
letter-spacing: 0.06em;
width: 200px;
background: #f0f9ff;
}
.base-table td {
padding: 20px 30px;
}
.contact-table td {
padding: 15px 20px;
}
.contact-table .must {
color: #fff;
font-size: 1.4rem;
background-color: #e61616;
padding: 2px 9px;
border-radius: 5px;
float: right;
}
.contact-table tr {
border-bottom: 1px solid #bcbcbc;
}
.contact-table td input[type="text"] {
font-size: 1.6rem;
height: 30px;
width: 100%;
box-sizing: border-box;
background: #ebebeb;
border: none;
border-radius: 5px;
}
.contact-table td textarea {
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック',sans-serif;
font-size: 1.6rem;
height: 270px;
width: 100%;
background: #ebebeb;
border: none;
border-radius: 5px;
box-sizing: border-box;
}
.contact_text {
vertical-align: top;
}
.btn {
text-align: center;
margin-top: 30px;
}
input[type="submit"] {
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック',sans-serif;
font-size: 1.6rem;
background: -moz-linear-gradient(#f7fbfc, #cbcbcb);
background: -webkit-linear-gradient(#f7fbfc, #cbcbcb);
background: linear-gradient(#f7fbfc, #cbcbcb);
background-color: transparent;
border-radius: 5px;
cursor: pointer;
padding: 7px 27px 6px 27px;
border: 1px solid #c3c3c3;
}
以上是关于css お问い合わせフォームサンプル的主要内容,如果未能解决你的问题,请参考以下文章
css お问い合わせフォーム(チェックボックス)
php 20180402お问い合わせ
python SQLでSELECT DISTINCTしてユニークな组み合わせをカウントするような问い合わせを,熊猫のデータフレームに书き変えてみました。以下「お昼のセットメニューの组み合わせに投票」と
テレワーク可/田町MySQLサーバーリソースチェック/問い合わせ対応業務
css 子テーマのスタイルシートヘッダーサンプル
css jQuery的を利用したアコーディオンのサンプル