Required formfield

Design made with standard YAML-components

by Jens Grochtdreis

HTML

<link rel="stylesheet" href="http://grochtdreis.de/fuer-jsfiddle/yaml/core/base.min.css">
<link rel="stylesheet" href="http://grochtdreis.de/fuer-jsfiddle/yaml/forms/gray-theme.css">

<form action="" class="ym-form">
    <fieldset>
        <legend>Please tell us your name</legend>
        <div class="ym-fbox-text">
            <label for="firstname">First name</label>
            <input type="text" name="firstname" id="firstname" size="20" required />
        </div>    
        <div class="ym-fbox-text">
            <label for="lastname">Last name</label>
            <input type="text" name="lastname" id="lastname" size="20" required />
        </div>
        <div class="ym-fbox-button">
          <input type="submit" value="submit" class="submit" id="submit1" name="submit1" />
        </div>
    
    </fieldset>
</form>

CSS

/* styling basics */
html {padding: 20px 0; background-color: #efefef;}

body {width: 80%; padding: 40px; margin: 0 auto; background: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); font-family: Verdana, Arial, sans-serif; font-size: 14px;}