Skip to content

Google's new style form elements (input, text, textarea, select, button)

Notifications You must be signed in to change notification settings

harundemr/hd-google-style-elements

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

hd-google-style-elements

Google's new style form elements (input, text, textarea, select, button)

input text

<div class="hd-input-text-div" >
  <input class="hd-input-text" type="text" />
  <div class="hd-input-text-placeholder">Name</div>
</div>

input number

<div class="hd-input-text-div">
    <input class="hd-input-text" type="number" />
    <div class="hd-input-text-placeholder">Number</div>
</div>

select

<div class="hd-select">
    <select>
      <option value="0">Select</option>
      <option value="1">Software</option>
      <option value="2">Css</option>
      <option value="3">Js</option>
      <option value="4">Google</option>
    </select>
</div>

textarea

<div class="hd-input-textarea-div">
  <textarea class="hd-input-textarea" ></textarea>
  <div class="hd-input-textarea-placeholder">Address</div>
</div>

button colorless

<div class="hd-button">
    <button class="hd-button-colorless" >İptal</button>
</div>

button colored

<div class="hd-button">
    <button class="hd-button-colored">Kaydet</button>
</div>

screenshot

install

<!DOCTYPE html>
<html>
    <head>
        <title>HD-Form</title>
        
        <link rel="stylesheet" href="css/hd-style.css">
    </head>
    <body>
        
        <!-- form contetn -->
        
        <script src="js/hd-script.js"></script>
    </body>
</html>

About

Google's new style form elements (input, text, textarea, select, button)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published