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>
相关推荐
Justinc.6 小时前
HTML5新增属性
前端·html·html5
挽淚7 小时前
HTML5语义化标签和“<div>的一招鲜吃遍天”
html
JuneXcy9 小时前
11.web api 2
前端·javascript·html
全栈老石14 小时前
设计师到前端不再有墙:Figma + VS Code 自动出码实践
前端·vue.js·html
全宝14 小时前
【前端特效系列】css+js实现聚光灯效果
javascript·css·html
遗悲风15 小时前
html抽奖功能
前端·html
LilyCoder17 小时前
HTML5二十四节气网站源码
前端·javascript·html·html5
rannn_1111 天前
【Javaweb学习|黑马笔记|Day1】初识,入门网页,HTML-CSS|常见的标签和样式|标题排版和样式、正文排版和样式
css·后端·学习·html·javaweb
Tony小周2 天前
qml 实现数值键盘
前端·javascript·html
前端老鹰3 天前
HTML <link rel=“preload“>:提前加载关键资源的性能优化利器
前端·性能优化·html