<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<form action="" id="1">
<!-- 1.必须成功提交
2.必须有name="userName" -->
用户名:<input type="text" name="userName" placeholder="请输入用户名" autofocus autocomplete="on"><br>
<!-- *代表任意个
?代表01个
+代表1个或多个 -->
手机号:<input type="tel" required pattern="^(\+86)?1\d{10}$"><br>
文件: <input type="file" name="photo" multiple> <br>
<!-- 允许载入多个文件 -->
邮箱: <input type="email" name="email" multiple>
<!-- 在email中允许输入多个邮箱地址,逗号分割 -->
<input type="submit">
</form>
<!-- 下面这个表单元素并没有在form中 -->
地址:<input type="text" name="address" form="1" >
</body>
</html>
WEB-06-HTML5表单新增的其他特性
猜你喜欢
转载自blog.csdn.net/qq_31741481/article/details/86569614
今日推荐
周排行