<!DOCTYPE html>
<html>
<head>
<title>TODO</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="material.min.css">
<script src="material.min.js"></script>
<script src="sample.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script src="jquery.js"></script>
</head>
<body>
<!-- Simple Textfield -->
<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">えど</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">数</label>
<span class="mdl-textfield__error">number!</span>
</div>
</form>
</body>
</html>
最終更新：2015年11月03日 00:33
