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>
相关推荐
crazyme_63 小时前
前端自学入门:HTML 基础详解与学习路线指引
前端·学习·html
海拥✘5 小时前
CodeBuddy终极测评:中国版Cursor的开发革命(含安装指南+HTML游戏实战)
前端·游戏·html
荔枝吖10 小时前
项目中会出现的css样式
前端·css·html
蓝婷儿10 小时前
第一章:HTML基石·现实的骨架
前端·html
积极向上的龙1 天前
首屏优化,webpack插件用于给html中js自动添加异步加载属性
javascript·webpack·html
小堃学编程1 天前
前端学习(1)—— 使用HTML编写一个简单的个人简历展示页面
前端·javascript·html
航Hang*1 天前
前端项目2-01:个人简介页面
前端·经验分享·html·css3·html5·webstorm
水银嘻嘻1 天前
Web 自动化之 HTML & JavaScript 详解
前端·自动化·html
良木林1 天前
HTML难点小记:一些简单标签的使用逻辑和实用化
前端·html
哈桑compile2 天前
用纯HTML和CSS仿写知乎登录页面
前端·css·html