创建联系表单并设置样式?

时间:2014-12-09 18:11:59

标签: html

好的,所以我现在正在尝试创建一个联系表单,我理解如何创建一个基本表单,以及我所拥有的简介,但是有一种特定的方式,我希望联系表单的样式和奠定我只是想知道是否有人可以向我解释我会如何设计这样的样式,或者是否有人可以将我链接到如何操作的教程。

http://gyazo.com/9a5de47a2f0a56ad637d30ba8e514059

我还需要它才能做出回应。

谢谢

1 个答案:

答案 0 :(得分:0)

我自己对这些东西很陌生。造型是这里的主要考虑因素,可能性和组合是无止境的。

我会考虑在主要联系表单包装器中创建一些div。有点尝试并保持联系表格整体。你可能想在左边的前3个文本输入中使用div,textarea输入" message"作为另一个,最后是提交按钮"联系"。考虑到这一点,样式应该只是在输入之间添加一些边距和填充,并通过CSS中的特定性给出适当的宽度/高度。也许给每个div它自己的id或类来区分特定的输入字段。边界半径可以在输入区域上给出漂亮的圆形边缘。通常8-10%的东西就足够了。使用一些文本对齐来获取输入"值" (联系)到中心。

表单的响应部分很大程度上取决于您希望它在其他设备或分辨率上的布局。如果你想让它们堆叠在一起,用于智能手机等等;我相信你可以用显示器做到这一点:内联,它们应该适当地包装你的休息时间。

这是您可以使用的链接。希望这会有所帮助。就像我说的,我是新的:)。

https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/set-the-viewport?hl=en