清洁和时尚的CSS3的表格
这篇文章是关于使用一些CSS3属性创建一个表单。您可以轻松地自定义样式。
HTML代码:
下面的HTML代码的形式给出。我们使用的每一个输入字段的标签,包裹在一个div。
<form id="contactform" class="rounded" method="post" action="">
<h3>Contact Form</h3>
<div class="field">
<label for="name">Name:</label>
<input type="text" class="input" name="name" id="name" />
<p class="hint">Enter your name.</p>
</div>
<div class="field">
<label for="email">Email:</label>
<input type="text" class="input" name="email" id="email" />
<p class="hint">Enter your email.</p>
</div>
<div class="field">
<label for="message">Message:</label>
<textarea class="input textarea" name="message" id="message">
</textarea>
<p class="hint">Write your message.</p>
</div>
<input type="submit" name="Submit" class="button" value="Submit" />
</form>