mdl-selectfield

Material Design Lite selectfield componen

by Anton Zad

HTML

<script src="https://storage.googleapis.com/code.getmdl.io/1.3.0/material.min.js"></script>
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script src="https://rawgit.com/MEYVN-digital/mdl-selectfield/master/mdl-selectfield.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/MEYVN-digital/mdl-selectfield/master/mdl-selectfield.min.css">
<div class="mdl-layout__container">
            <div class="mdl-layout mdl-js-layoutmdl-layout--fixed-drawermdl-layout--fixed-header">
                <main class="mdl-layout__content mdl-color--grey-100">
                    <form id="my_form" action="#" class="mdl-grid">
                        <div class="mdl-color--whitemdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
                            <div class="mdl-cell mdl-cell--12-col">
                                <!-- Simple Selectfield -->
                                <div id="select_country" class="mdl-selectfield mdl-js-selectfield mdl-selectfield--floating-label">
                                    <select id="profile_information_form_country_id" name="profile_information_form_country" class="mdl-selectfield__select">
                                        <option value=""></option>
                                        <option value="192">Abkhazia</option>
                                        <option value="1">Afghanistan</option>
                                        <option value="255" disabled>Aland</option>
                                        <option value="2">Albania</option>
                                        <option value="3" disabled="disabled">Algeria</option>
                                        <option value="235">American Samoa</option>
                                        <option value="4">Andorra</option>
                                        <option value="5" selected>Angola</option>
                                        <option...

SCSS

@import url(https://fonts.googleapis.com/icon?family=Material+Icons);