H5C3表单新增属性

最新推荐文章于 2020-10-21 10:12:00 发布

我的哥哥呦

最新推荐文章于 2020-10-21 10:12:00 发布

阅读量238

点赞数

分类专栏： H5C3 文章标签： H5C3 邮箱验证表单属性

本文链接：https://blog.csdn.net/qq_20497071/article/details/95176394

版权

H5C3 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="">
		<!-- placeholder为提示信息，
		autofocus为自动获取焦点
		 autocomplete为记忆
		 1.必须成功提交过
		 2.当前添加autoplete的元素必须有name属性-->
			用户名：<input type="text" name="username" placeholder="请输入用户名" 
			autofocus="autofocus" autocomplete="on"><br>
			密码：<input type="password" name="userpwd"><br>
			<!-- 给默认的验证方式，验证邮箱的完整性 -->
			<!-- multiple在email中允许输入多个邮箱地址，用逗号分隔 -->
			邮箱：<input type="email" name="useremail" multiple="multiple"/><br>
			<!-- tel并不是来实现验证的，他的本质目的是为了能够在移动端打开数字键盘，意味着数字键盘限制了用户只能输入数字。 -->
			电话：<input type="tel" required="required" pattern="^(\+86)?1\d{10}$"><br><!-- 必需输入/正则表达式的验证 -->
			<!-- 验证网址完整 -->
			网址：<input type="url"><br>
			<!-- 验证数量，不能输入字符等
			 max最大值
			 min最小值
			 value默认值-->
			 
			 地址：<input type="" name="" id="" value="" />
			 
			<!--multiple为可选择多文件 -->
			文件：<input type="file" name="photo" id="" value="" multiple="multiple"/>
			数量：<input type="number"><br>
			<!-- 可以使用自带删除内容 -->
			商品名称：<input type="search"><br>
			<!-- 范围 -->
			范围：<input type="range" max="100" min="0" value="0"><br>
			<!-- 颜色选取 -->
			颜色：<input type="color" name="" id="" value="" /><br>
			<!-- 日期时间相关 -->
			时间：<input type="time" name="" id="" value="" />
			<input type="submit">
			月份：<input type="month">
			星期：<input type="week" name="" id="" value="" />
		</form>
	</body>
</html>

我的哥哥呦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5C3表单新增属性

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action=""> <!-- placeholder为提示信息， autof...
复制链接

扫一扫