开发工具与关键技术:Dw前端
作者:修
撰写时间:2018.1.19
form表单看起来很简单其实当你创建的时候你就会发现它与你没有你想像中那么简单特别是好看的form表单,下面是我对于form表单的认识,我们先来看Html的代码:
上面的图片就是HTML的简单布局:由类、input标签、单选框、复选框、下拉框(select)和textarea(文本域)组成,接下来我们来看看它的css部分
这css的部分就是用来设置表单的布局、颜色、字体和伪类(:hover)的当然你也可以设置你自己觉得好看的样式。当上面有很多元素是相同的你也可以把相同的元素写在同一个类中或者像css最后一张图伪类部分的写法也可以的。
这就是form表单的html和css部分,接下来就让我们来这表单的模型图中和名字紧靠着的就是文本框文本框里的字是用 placeholder 这个元素来实现的(注意:placeholder 一定要写在input标签里面)在表格里的作用是用来提示怎么填表格的。