Source of file forms.php
Size: 18,077 Bytes - Last Modified: 2021-12-24T07:20:59+00:00
/var/www/docs.ssmods.com/process/src/public/forms.php
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391 | <?php include("header.php")?> <div class="page secondary"> <div class="page-header"> <div class="page-header-content"> <h1>Forms<small>demo</small></h1> <a href="/" class="back-button big page-back"></a> </div> </div> <div class="page-region"> <div class="page-region-content"> <div class="grid"> <div class="row"> <div class="span3"> <h2>Check box</h2> <form> <label class="input-control checkbox" onclick=""> <input type="checkbox" checked value="1"/> <span class="helper">Checked box</span> </label> <label class="input-control checkbox" onclick=""> <input type="checkbox" /> <span class="helper">Unchecked</span> </label> <label class="input-control checkbox"> <input type="checkbox" disabled=""/> <span class="helper">Disabled Unchecked</span> </label> <label class="input-control checkbox"> <input type="checkbox" disabled="" checked=""/> <span class="helper">Disabled Checked</span> </label> <label class="input-control checkbox intermediate" onclick=""> <input type="checkbox"/> <span class="helper">Intermediate</span> </label> </form> </div> <div class="span3"> <h2>Radio box</h2> <form> <label class="input-control radio" onclick=""> <input type="radio" name="r1" checked=""/> <span class="helper">Checked radio</span> </label> <label class="input-control radio" onclick=""> <input type="radio" name="r1" /> <span class="helper">Checked radio</span> </label> <label class="input-control radio" onclick=""> <input type="radio" name="r1" disabled/> <span class="helper">Checked radio</span> </label> <label class="input-control radio" onclick=""> <input type="radio" name="r2" disabled="" checked=""/> <span class="helper">Disabled Checked</span> </label> </form> </div> <div class="span3"> <h2>Switch Control</h2> <form> <label class="input-control switch" onclick=""> <input type="checkbox" checked=""/> <span class="helper">Switch is On</span> </label> <label class="input-control switch" onclick=""> <input type="checkbox" /> <span class="helper">Switch is Off</span> </label> <label class="input-control switch" onclick=""> <input type="checkbox" disabled=""/> <span class="helper">Off and Disabled</span> </label> <label class="input-control switch" onclick=""> <input type="checkbox" disabled="" checked=""/> <span class="helper">On and Disabled</span> </label> </form> </div> </div> <div class="row"> <div class="span10"> <pre class="prettyprint linenums"> <label class="input-control checkbox"> <input type="checkbox"> <span class="helper">CheckBox Caption</span> </label> <label class="input-control radio"> <input type="radio"> <span class="helper">CheckBox Caption</span> </label> <label class="input-control switch"> <input type="checkbox"> <span class="helper">CheckBox Caption</span> </label> </pre> </div> </div> <div class="row"> <div class="span10"> <h2>Buttons</h2> <form> <input type="button" value="Button"> <input type="submit" value="Submit"> <input type="reset" value="Reset"> <input type="button" value="Button" disabled=""> </form> <pre class="prettyprint linenums"> <input type="button" value="Button"/> <input type="submit" value="Submit"/> <input type="reset" value="Reset"/> <input type="button" disabled value="Button"/> </pre> </div> </div> <div class="row"> <div class="span5"> <h2>Text box</h2> <form> <div class="input-control text"> <input type="text" autofocus/> <button class="btn-clear" /> </div> <div class="input-control text"> <input type="text" placeholder="Enter sample text"/> <button class="btn-clear" /> </div> <div class="input-control text disabled"> <input type="text" disabled="" value="disabled input"/> <button class="btn-clear" /> </div> <div class="input-control text disabled"> <input type="text" value="this input without helper"/> </div> </form> <pre class="prettyprint linenums"> <div class="input-control text"> <input type="text" /> <button class="btn-clear"></button> </div> </pre> </div> <div class="span5"> <h2>Password box</h2> <form> <div class="input-control password"> <input type="password" /> <button class="btn-reveal"></button> </div> <div class="input-control password"> <input type="password" placeholder="Enter password" /> <button class="btn-reveal"></button> </div> <div class="input-control password"> <input type="password" disabled="" /> <button class="btn-reveal"></button> </div> <div class="input-control password"> <input type="password" /> </div> </form> <pre class="prettyprint linenums"> <div class="input-control password"> <input type="password" /> <button class="btn-reveal"></button> </div> </pre> </div> </div> <div class="row"> <div class="span10"> <form> <div class="input-control text"> <input type="text" placeholder="Enter search phrase..." /> <button class="btn-search"></button> </div> </form> <pre class="prettyprint linenums"> <div class="input-control text"> <input type="text" /> <button class="btn-search"></button> </div> </pre> <div class="input-control text"> <input type="phone" placeholder="Enter phone" required="required"/> <button class="btn-clear"></button> </div> <pre class="prettyprint linenums"> <div class="input-control text"> <input type="phone" /> <button class="btn-clear"></button> </div> </pre> <div class="input-control text"> <input type="email" placeholder="Enter email" required="required" /> <button class="btn-clear"></button> </div> <pre class="prettyprint linenums"> <div class="input-control text"> <input type="email" /> <button class="btn-clear"></button> </div> </pre> <div class="input-control text"> <input type="url" placeholder="Enter url" required="required"/> <button class="btn-clear"></button> </div> <pre class="prettyprint linenums"> <div class="input-control text"> <input type="url" /> <button class="btn-clear"></button> </div> </pre> </div> </div> <div class="row"> <div class="span10"> <h2>Select</h2> <form> <div class="input-control select"> <select> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="4">Option 4</option> <option value="5">Option 5</option> </select> </div> <pre class="prettyprint linenums"> <div class="input-control select"> <select> <option>...</option> </select> </div> </pre> <div class="input-control select"> <select multiple="6"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="4">Option 4</option> <option value="5">Option 5</option> </select> </div> <pre class="prettyprint linenums"> <div class="input-control select"> <select multiple=""> <option>...</option> </select> </div> </pre> <h2>Textarea</h2> <div class="input-control textarea"> <textarea placeholder="Input text here..."></textarea> </div> <pre class="prettyprint linenums"> <div class="input-control textarea"> <textarea></textarea> </div> </pre> </form> </div> </div> <div class="row"> <div class="span10"> <h2>Fieldset</h2> <form> <fieldset> <legend>Legend</legend> <p class="tertiary-info-secondary-text"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </p> </fieldset> </form> <br /> <pre class="prettyprint linenums"> <fieldset> <legend>...</legend> ... </fieldset> </pre> </div> </div> <div class="row"> <div class="span10"> <h2>Input with spanN class</h2> <pre class="prettyprint linenums"> <div class="input-control text spanN"> <input type="text" class="with-helper" /> <button class="helper"></button> </div> </pre> <form> <div class="input-control text span1 as-block"> <input type="text" class="with-helper" placeholder="s1"/> <button class="helper"></button> </div> <div class="input-control text span2 as-block"> <input type="text" class="with-helper" placeholder="span2"/> <button class="helper"></button> </div> <div class="input-control text span3 as-block"> <input type="text" class="with-helper" placeholder="span3"/> <button class="helper"></button> </div> <div class="input-control text span4 as-block"> <input type="text" class="with-helper" placeholder="span4"/> <button class="helper"></button> </div> <div class="input-control text span5 as-block"> <input type="text" class="with-helper" placeholder="span5"/> <button class="helper"></button> </div> <div class="input-control text span6 as-block"> <input type="text" class="with-helper" placeholder="span6"/> <button class="helper"></button> </div> <div class="input-control text span7 as-block"> <input type="text" class="with-helper" placeholder="span7"/> <button class="helper"></button> </div> <div class="input-control text span8 as-block"> <input type="text" class="with-helper" placeholder="span8"/> <button class="helper"></button> </div> <div class="input-control text span9 as-block"> <input type="text" class="with-helper" placeholder="span9"/> <button class="helper"></button> </div> <div class="input-control text span10 as-block"> <input type="text" class="with-helper" placeholder="span10"/> <button class="helper"></button> </div> </form> </div> </div> </div> <div class="grid"> <div class="row"> <?php include("adsense.php")?> </div> </div> </div> </div> </div> <?php include("footer.php")?> |