Seitenhierarchie

Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

...

Codeblock
languagexml
linenumberstrue
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Mein titel</title>
        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.4/cosmo/bootstrap.min.css">
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    </head>
    <body>

        <div class="container">
            <div class="row">
                <div class="col-12"><h1>Formular</h1></div>
            </div>
            <div class="row">
                <div class="col-12"> 
                    <form class="form-horizontal alvineFormAjaxalvineForm" action="/login" method="post" data-alvineformajaxalvineform-validation="ajax">
                        <fieldset>
                            <!-- Form Name -->
                            <legend>Form Name</legend>
                            <!-- Text input-->
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="textinput">Text Input</label>  
                                <div class="col-md-4">
                                    <input id="textinput" name="textinput" type="text" placeholder="placeholder" class="form-control input-md">
                                    <span class="help-block">help</span>  
                                </div>
                            </div>
                            <!-- Select Basic -->
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="selectbasic">Select Basic</label>
                                <div class="col-md-4">
                                    <select id="selectbasic" name="selectbasic" class="form-control">
                                        <option value="1">Option one</option>
                                        <option value="2">Option two</option>
                                    </select>
                                </div>
                            </div>
                            <!-- Prepended checkbox -->
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="prependedcheckbox">Prepended Checkbox</label>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <span class="input-group-addon">     
                                            <input type="checkbox">     
                                        </span>
                                        <input id="prependedcheckbox" name="prependedcheckbox" class="form-control" type="text" placeholder="placeholder">
                                    </div>
                                    <p class="help-block">help</p>
                                </div> 
                            </div>
                            <!-- Button -->
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="singlebutton">Single Button</label>
                                <div class="col-md-4"> 
                                    <button type="submit" id="singlebutton" name="singlebutton" class="btn btn-primary has-spinner">Button <span class="spinner"><i class="fa fa-refresh fa-spin"></i></span></button>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
        <script src="//cdn.alvine.io/libs/alvine/formajax/jquery.alvineformajaxalvineform-0.0.3.min.js"></script>

    </body>
</html>


...