特殊方法

时间:2021-08-10
本文章向大家介绍特殊方法，主要包括特殊方法使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>特殊方法</title>
</head>
<body>
<p>邮箱：
  <input type="email" name="email">
</p>

<p>URL：
  <input type="url" name="url">
</p>

<p>商品数量：
  <input type="number" name="num" max="100" min="0" step="1">
</p>

<p>音量：
  <input type="range" name="voice" min="0" max="100" step="2">
</p>

<p>搜索：
  <input type="search" name="search">
</p>

<p>
  <input type="text" name="usrname" value="admin" readonly>
</p>

<p>
  <input type="password" name="pwd" hidden value="123456">
</p>
<!--增强鼠标可用性-->
<!--label for="kk"表示的是到达的id,如果没有id，可以创建id-->
<p>
  <label for="mark">你点我试试</label>
  <input type="text" id="mark">
</p>
<!--placeholder="请输入用户" 表示的是提示信息，required是非空判断>-->
<p>名字：
  <input type="text" name="usrname" placeholder="请输入用户" required>
</p>
<p>域名：
  <input type="text" name="treatarea" pattern="[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?">
</p>
<!--pattern正则表达式-->


<p><input type="submit">
<p><input type="reset"></p>


</body>
</html>

原文地址：https://www.cnblogs.com/hxh123456789/p/15125787.html

随机文章
本站知识点必读
最近更新