网页基础（二十九）新增表单属性

@大娱乐家

于 2020-03-09 10:43:28 发布

阅读量115

点赞数

本文链接：https://blog.youkuaiyun.com/qq_41440413/article/details/104747542

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新增表单属性</title>
	</head>
	<body>
		<form action="#">
			邮箱<input type="email" name="email" id="email" />
			<br />
			电话<input type="tel" name="tel" id="tel" />
			<br />
			<!--验证必须 http开头-->
			url:<input type="url" name="url" id="url" />
			<br />
			数字:<input type="number" name="number" id="number" min="0" />
			<br />
			搜索框:<input type="search" name="search" id="search" />
			<br />
			数值范围:<input type="range" name="ra" id="ra" min="1" max="30"/>
			<br />
			颜色:<input type="color" name="color" id="color" />
			<br />
			时间:<input type="time" name="time" id="time" />
			<br />
			日期:<input type="date" name="date" id ="date" />
		 	<br />
			日期时间:<input type="datetime" name="datetime" id="datetime" />
			<br />
			<input type="datetime-local" />
			<br />
			
		<input type="submit" />
		</form>
	</body>
</html>