Paste: formular

Author: sn3ek
Mode: html
Date: Fri, 21 May 2010 15:09:02
Plain Text |
<!DOCTYPE html>

<html>
    <head>
        <title>Formular</title>
        <style type="text/css" >
        
            #form {
                margin: 50px auto;
                width:80%;
            }
            
            ol li {
                list-style:none;        /* wichtig !!! Damit davor keine Zahlen stehen! */
            }
            
            label {
                display:inline-block;   /* wichtig!!!! Damit die Labels als Block angezeigt werden! */
                width:150px;            /* wichtig! Damit die input fields korrekt nach 150px breite ausgerichtet werden. */
                vertical-align:top;     /* nicht wichtig */
                line-height:1.8em;      /* nicht wichtig */
            }
            
            input[type=text] {
                width:150px;            /* nicht wichtig */
                
            }

        </style>
    </head>
    <body>
        <div id="form">
            <form method="post" action="newsite.html">
                <fieldset>
                    <legend>Daten</legend>  
                    <ol>
                        <li>
                            <label for="first_name">Vorname</label>
                            <input type="text" name="first_name">
                        </li>
                        <li>
                            <label for="last_name">Nachname</label>
                            <input type="text" name="last_name">
                        </li>
                        <input type="submit">
                </fieldset>
            </form>
        </div>
    </body>
</html>

New Annotation

Summary:
Author:
Mode:
Body: