Pure.CSS堆叠表单

类名” pure-form-stacked” 用于创建带有标签下方输入元素的堆叠表单。 “ pure-form-stacked” 类名用于< form> 元素和纯表单。
例子

< html> < head> < title> The PURE.CSS Default Form< /title> < meta name = "viewport" content = "width = device-width, initial-scale = 1"> < link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous"> < form class="pure-form pure-form-stacked"> < fieldset> < legend> A Stacked Form< /legend> < label for="email"> Email< /label> < input id="email" type="email" placeholder="Email"> < span class="pure-form-message"> This is a required field.< /span> < label for="password"> Password< /label> < input id="password" type="password" placeholder="Password"> < label for="state"> State< /label> < select id="state"> < option> Delhi< /option> < option> UP< /option> < option> Haryana< /option> < /select> < label for="remember" class="pure-checkbox"> < input id="remember" type="checkbox"> Remember me < /label> < button type="submit" class="pure-button pure-button-primary"> Sign in< /button> < /fieldset> < /form> < /html>

立即测试
【Pure.CSS堆叠表单】输出

文章图片

Pure.CSS堆叠表单

推荐阅读

云顶之弈s3肉盾流阵容怎么玩重装坦克阵容搭配推荐

从金平去看汕头烟花怎么去？汕头市金平区哪里有卖烟花

大金中央空调L5错误代码解决方法步骤有哪些,看师傅怎么说的

盲目的婚姻得不到爱情的回应

45和6的最小公倍数 45和6的最小公倍数是多少

男人肾阳不足如何调理,吃这些补回来

晚上做梦梦见蛇什么意思晚上做梦梦见蛇好不好

减肥|晚上坚持这4件小事，有助于身体燃脂，你能做到几件？

描写桑葚的有名诗句关于桑葚的诗句有哪些

芙蓉楼送辛渐意思芙蓉楼送辛渐全诗的意思

宁波养老金组成及养老金怎么计算出来的？

室内适宜养的花有哪些室内宜养的花有哪些

茅台女总工落选院士增选有效候选人名单！茅台总工落选中国工程院院士候选人

唏嘘不已啥意思词语唏嘘不已啥意思

结婚日和属相相冲怎么办

写小说有多累？

佳能kiss用什么镜头佳能kissx5怎么拍人物

老阿姨哔哩哔哩b站肉片入口美国proumb站官网入口网址是多少

核酸检测报告纸质版和电子版同步吗

宝宝|宝宝还太小？到底要不要带出门？对于这些你的想法也许是错误的