Pure.CSS默认表单示例 _表单

类名” pure-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"> < fieldset> < legend> A compact inline form< /legend> < input type="email" placeholder="Email"> < input type="password" placeholder="Password"> < label for="remember"> < 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默认表单示例】输出