html学习——搜索框、简单验证、滑块

简单验证、滑块、搜索框

上为显示效果下为代码

<form method="get" action="result.html">
<!--邮箱验证-->
	<p>邮箱：
	<input type="email" name="email">
	</p>
<!--网址验证-->
	<p>url：
	<input type="url" name="url">
	</p>
<!--数字验证
	max:数字框内最大数
	min:数字框内最小数
	step:步长，一次增减的量
-->
	<p>数字：
	<input type="num" name="num" max="100" min="0" step="10">
	</p>
<!--滑块
	最常见的是音量条，step用来控制一次滑动调节的量-->
	<p>音量：
	<input type="range" name="voice" max="100" min="0" step="2">
	</p>
<!--搜索-->
	<p>搜索：
	<input type="search" name="search"></p>
</form>