移动表单帮助 facebook 样式答案

【问题标题】：Mobile form help facebook style移动表单帮助 facebook 样式
【发布时间】：2014-04-08 10:43:48
【问题描述】：

您好，我正在尝试制作此表单，但它看起来不正确，有人可以帮助解决它吗？感谢您的所有帮助:)。 http://jsfiddle.net/Srw6Q/

<form>
    <input style="font-size:46px; margin-bottom:-3px; border-bottom: solid 1px black; padding: 25px" type="text" name="email" placeholder="Email"> <br/>
    <input style="font-size:46px; border-bottom: solid 1px black; padding: 25px" type="password" name="pass" placeholder="Password">
</form>

【问题讨论】：

你觉得这个表格哪里不对？
弯曲的边看起来不相连
stackoverflow.com/questions/4839613/…

标签： html css facebook

【解决方案1】：

我使用填充作为表格和弯曲使用的边界半径

试试

<form style="background: #425EA1; padding: 10px 20px">
    <input style="font-size:46px; margin-bottom:-3px; border-bottom: solid 1px black; padding: 25px; border-radius: 25px 25px 0 0" type="text" name="email" placeholder="Email"> <br/>
        <input style="font-size:46px; border-bottom: solid 1px black; padding: 25px; border-radius: 0 0 25px 25px;" type="password" name="pass" placeholder="Password"/>
</form>

http://jsfiddle.net/tamilcselvan/5qHRD/

【讨论】：