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>
相关推荐
鱼馅饼4 小时前
vscode使用系列之快速生成html模板
ide·vscode·html
然我8 小时前
JavaScript的OOP独特之道:从原型继承到class语法
前端·javascript·html
冷凌爱8 小时前
总结HTML中的文本标签
前端·笔记·html
灏瀚星空10 小时前
用HTML5 Canvas打造交互式心形粒子动画:从基础到优化实战
前端·html·html5
Teln_小凯12 小时前
Python读取阿里法拍网的html+解决登录cookie
开发语言·python·html
娃哈哈哈哈呀12 小时前
html-pre标签
java·前端·html
Java永无止境12 小时前
Web前端基础:HTML-CSS
java·前端·css·html·javaweb
海的诗篇_15 小时前
前端开发面试题总结-HTML篇
前端·面试·html
Sun_light15 小时前
用原生 HTML/CSS/JS 手把手带你实现一个美观的 To-Do List 待办清单小Demo
前端·css·html
冷凌爱15 小时前
每天总结一个html标签——Audio音频标签
前端·html·音视频