日期:2014-05-17  浏览次数:20839 次

清洁和时尚的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>