HTML Helpers

Description

Very small collection of HTML demos

Flextbox Demo
ie: live firefox: partialy opera: nightly safari: live chrome: live
Component 1

Component 1

Component 1

Component 1

Component 2
Component 3
HTML Elements Demo
ie: live firefox: partialy opera: nightly safari: live chrome: live
Form Fields:
E-mail:
URL:
Number:
Range:
Field Set - Date Date:
Date - Month:
Date - Week:
Date - Time:
Date - Date Time:
Date - Date TIme Local:
Search:
Color:
Image:
Tel:
File:
Text:
Security Encryption - RSA:
Data List:

Output - Calculation
0 100 + =
Text Display: Emphasized text
Strong text
Definition term
Computer code
Sample output from computer program
Keyboard input
Variable
Canvas:
Data Storage:
Page Views Session:
Page Views Total:
Tags:
<a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> <h2> <h3> <h4> <h5> <h6> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <keygen> <kbd> <label> <legend> <li> <link> <map> <mark> <menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> <wbr> <xmp>

Right-click inside this box to see the context menu!

This example currently only works in Firefox!

  • New
  • This example currently only works in Firefox!

    Page Break Printing
    ie: live firefox: partialy opera: nightly safari: live chrome: live

    Print Page Break


    Print Page Break

    Cancel Bubble
    ie: live firefox: partialy opera: nightly safari: live chrome: live
    div 1 onclick=alert("div 1")
    div 2 onclick=alert("div 2")
    div 3 onclick=alert("div 3")
    Form Events
    ie: live firefox: partialy opera: nightly safari: live chrome: live