input各种小应用

最新推荐文章于 2022-06-27 13:09:26 发布

字母999

最新推荐文章于 2022-06-27 13:09:26 发布

阅读量157

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_45947518/article/details/105258220

版权

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>

效果图
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tVX8A132-1585752907337)(https://uploadfiles.nowcoder.com/images/20200320/944859130_1584706681076_FA808F0E3DB3C490E994EFBB86BA6AF4 "图片标题")]菜鸡一枚,没有干货请见谅[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eGjQZuUI-1585752907342)(https://uploadfiles.nowcoder.com/images/20200320/944859130_1584707331206_832C053B2A963EE47B94B6D7C6131861 "图片标题")]