Pure.CSS Default Form

by Online Tutorials Library July 14, 2022

Pure.CSS Default Form

A class name “pure-form” is used to create a default inline form.

Example

Let’s take an example to create a compact inline 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> 

Test it Now

Output:

PureCSS Forms 2

Next TopicPure.CSS Stacked Form

Pure.CSS Default Form

Pure.CSS Default Form

Affinity Photo Vs. Photoshop

Basic Python for Java Developers

You may also like