Materialize


    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
            

3.86
9
Peva 70 points

                                    
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;!--Import Google Icon Font--&gt;
      &lt;link href=&quot;https://fonts.googleapis.com/icon?family=Material+Icons&quot; rel=&quot;stylesheet&quot;&gt;
      &lt;!--Import materialize.css--&gt;
      &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;css/materialize.min.css&quot;  media=&quot;screen,projection&quot;/&gt;

      &lt;!--Let browser know website is optimized for mobile--&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;/&gt;
    &lt;/head&gt;

    &lt;body&gt;

      &lt;!--JavaScript at end of body for optimized loading--&gt;
      &lt;script type=&quot;text/javascript&quot; src=&quot;js/materialize.min.js&quot;&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
        

3.86 (22 Votes)
0
0
0
Tjalling 115 points

                                    
  &lt;link href=&quot;https://fonts.googleapis.com/icon?family=Material+Icons&quot; rel=&quot;stylesheet&quot;&gt;

0
0
4.25
8
Itmilos 120 points

                                    
  &lt;div class=&quot;row&quot;&gt;
    &lt;form class=&quot;col s12&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;input-field col s6&quot;&gt;
          &lt;input placeholder=&quot;Placeholder&quot; id=&quot;first_name&quot; type=&quot;text&quot; class=&quot;validate&quot;&gt;
          &lt;label for=&quot;first_name&quot;&gt;First Name&lt;/label&gt;
        &lt;/div&gt;
        &lt;div class=&quot;input-field col s6&quot;&gt;
          &lt;input id=&quot;last_name&quot; type=&quot;text&quot; class=&quot;validate&quot;&gt;
          &lt;label for=&quot;last_name&quot;&gt;Last Name&lt;/label&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;input-field col s12&quot;&gt;
          &lt;input disabled value=&quot;I am not editable&quot; id=&quot;disabled&quot; type=&quot;text&quot; class=&quot;validate&quot;&gt;
          &lt;label for=&quot;disabled&quot;&gt;Disabled&lt;/label&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;input-field col s12&quot;&gt;
          &lt;input id=&quot;password&quot; type=&quot;password&quot; class=&quot;validate&quot;&gt;
          &lt;label for=&quot;password&quot;&gt;Password&lt;/label&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;input-field col s12&quot;&gt;
          &lt;input id=&quot;email&quot; type=&quot;email&quot; class=&quot;validate&quot;&gt;
          &lt;label for=&quot;email&quot;&gt;Email&lt;/label&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col s12&quot;&gt;
          This is an inline input field:
          &lt;div class=&quot;input-field inline&quot;&gt;
            &lt;input id=&quot;email_inline&quot; type=&quot;email&quot; class=&quot;validate&quot;&gt;
            &lt;label for=&quot;email_inline&quot;&gt;Email&lt;/label&gt;
            &lt;span class=&quot;helper-text&quot; data-error=&quot;wrong&quot; data-success=&quot;right&quot;&gt;Helper text&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/div&gt;
        

4.25 (8 Votes)
0
Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
materialize means materialize wiki materialize who use materialize what is it what is materialize materialize() materialize f i materialize materialize latest materialize examples materialize meaning materialize material materialize example materialize design matirialize css how to use materialize materialize into define materialize materialize &lt;p&gt; materialize how to use materialize cc matrrialize css materialize css.com metarialie css logo lib materialize materialize tools materialize' materialize-css react js documentation material ui javatpoint sharingan materialize code pytho materiaise css macetrialice css matearializ css materialize marterialize css matrilised css materialize js framework martirilaze css materialize css Beschreibung Materialize. meterilize ui material css html materialized materializecss updates https://materializecss updates is materialize css still used css material https://materializecss is it legit does materialize css work in china css matrilaize materailize css materillize css materializes css materialize css tutorial materializecss framework learn materialize css framework materiaize css css matrilize materialize css guides materilized css materilize css css matriallize materialize css docs css materialize materiliaze css materialize css builder nmaterial css library materialize.css documentation 0.97.7 materialize.css documentation materlize css materialize materialize css ui Materialized css materializecss material css materialise css marterialise css materialze csss martialize css materialize components materialize css
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source