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>

立即测试

输出

猜你喜欢