Line 249: | Line 249: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <form action="#"> | ||
+ | <div class="mdl-textfield mdl-js-textfield"> | ||
+ | <input class="mdl-textfield__input" type="text" id="sample1"> | ||
+ | <label class="mdl-textfield__label" for="sample1">Text...</label> | ||
+ | </div> | ||
+ | </form> | ||
+ | <!-- Numeric Textfield --> | ||
+ | <form action="#"> | ||
+ | <div class="mdl-textfield mdl-js-textfield"> | ||
+ | <input class="mdl-textfield__input" type="text" pattern="-?[0-9]*(\.[0-9]+)?" id="sample2"> | ||
+ | <label class="mdl-textfield__label" for="sample2">Number...</label> | ||
+ | <span class="mdl-textfield__error">Input is not a number!</span> | ||
+ | </div> | ||
+ | </form> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 14:36, 16 October 2017
Welcome
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris sagittis pellentesque lacus eleifend lacinia...