HTML——68. 电子邮箱和网址输入框

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网址输入框</title>
	</head>
	<body>
		<!--input元素的type属性:(必须要有)-->	
		
		<!--电子邮箱输入框:
			1.type="email"
			2.会对输入的内容进行验证看是否符合邮箱格式,符合可以发送,不符合弹出提示(警告)框
			-->
		<!--网址输入框:
			1.type="url"(url单词就表示网址的意思)
			2.会对输入的内容进行验证,看是否符合网址格式,符合可以发送,不符合弹出提示框
			3.输入的网址一定要包含协议(http://或者https://)
			-->	

		
		<form action="https://www.51zxw.net" method="get">
			单行输入:<input type="text" name="abc" />
			<br />
			电子邮箱:<input type="email" name="email"/>
			<br />
			网址:<input type="url" name="url"/>
			<br />
			<input type="submit" />
			
		</form>
		
	</body>
</html>
相关推荐
foo1st9 小时前
HTML中常用HASH算法使用笔记
javascript·html·哈希算法
有趣灵魂9 小时前
Java-Spingboot根据HTML模板和动态数据生成PDF文件
java·pdf·html
inferno10 小时前
HTML基础(第二部分)
前端·html
elangyipi12312 小时前
前端面试题:如何减少页面重绘跟重排
前端·面试·html
bjzhang7512 小时前
使用 HTML + JavaScript 实现级联选择器
前端·javascript·html
荔枝吻13 小时前
【保姆级喂饭教程】【沉浸式解决问题】阿里云服务器部署原型HTML文件
服务器·阿里云·html·axure·原型
bjzhang7514 小时前
使用 HTML + JavaScript 实现可编辑表格
前端·javascript·html
十一.3661 天前
131-133 定时器的应用
前端·javascript·html
inferno1 天前
HTML基础(第一部分)
前端·html
十一.3661 天前
127-130 定时器的简介,切换图片练习,修改div移动练习,延时调用
前端·javascript·html