input自带的 个人觉得很好用,多用几次就都记住了

<!DOCTYPE html>
<html>
<head>
      <meta  http-equiv="Content-Type" content="text/html; charst=UTF-8" />
      <title>页面</title>
      <style type="text/css">
  </style>
</head> 
<body>
 <form action="do" >
 type="color"的文本框:<br/><input type="color" name="color"/><p>
 type="date"的文本框:<br/><input type="date" name="date"/><p>
 type="time"的文本框:<br/><input type="time" name="time"/><p>
 type="datetime-local"的文本框:<br/><input type="datetime-local" name="datetime-local"/><p>
 type="month"的文本框:<br/><input type="month" step="10" name="month"/><p>
 type="week"的文本框:<br/><input type="week" name="week"/><p>
 type="email"的文本框:<br/><input type="email" name="email"/><p>
 type="tel"的文本框:<br/><input type="tel" name="tel"/><p>
 type="url"的文本框:<br/><input type="url" name="url"/><p>
 type="number"的文本框:<br/><input type="number" step="4" min="0" max="100" name="number"/><p>
 type="range"的文本框:<br/><input type="range"   min="0" max="100" name="range"/><p>
 type="search"的文本框:<br/><input type="search" name="search"/><p>
 <input type="submit" value="提交"/>
</form>
</body>
</html>

效果图
图片说明