这个表格是如何构建的?

时间:2015-05-05 18:27:52

标签: forms

我正在试图弄清楚这样的表单是如何构造/样式化的(CSS?Javascript?):

enter image description here 它可以在http://www.masterdynamic.com/

的最底部找到

我想说它是通过某种Javascript库制作的,但可能是完全错误的。我尝试使用Chrome Dev Tools进行检查,但无法真正理解。不确定从哪里开始这样的样式(甚至搜索什么,所有的努力都把我带到了正常的形式)。

非常感谢任何和所有帮助。

谢谢!

1 个答案:

答案 0 :(得分:1)

这是HTML和CSS:

<input type="text" name="email" placeholder="Enter Email" 
 dir="auto" aria-label="Email  " title="" autocomplete="off">

form input[type=text] {
  width: 80%;
  color: #b1aca1;
  padding: 10px 10px 10px 0;
  font-family: blenderthin,Verdana,sans-serif;
  font-weight: lighter;
  font-size: 3rem;
  border: 0;
  background-color: transparent;
  outline: 0;
  display: inline-block;
  vertical-align: bottom;
}