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>
相关推荐
ZhengEnCi3 天前
Q02-Vue-React-index.html完全指南
vue.js·react.js·html
牧艺4 天前
HTML-in-Canvas 深度解析:让 Canvas 真正「吃上」HTML 这碗饭
前端·html·canvas
爱勇宝4 天前
我给自己做了一个新标签页:不登录、不打扰、打开就能用
前端·html·浏览器
越努力越幸运665 天前
多模态代码调试实战:Gemini3.5 精准捕获 HTML 隐性语法
html
anOnion9 天前
构建无障碍组件之Menu Button pattern
前端·html·交互设计
米丘9 天前
微前端之 Web Components 完全指南
微服务·html
Metaphor69212 天前
使用 Python 将 PDF 转换为 HTML
python·pdf·html
a11177612 天前
“黑夜流星“个人引导页 网页html
java·前端·html
JieE21212 天前
手把手带你用纯 CSS 实现一个 3D 旋转魔方,这些前端基础你能打几分?
前端·css·html
YHL12 天前
🧊 CSS 3D 硬核解析:四个属性手写旋转立方体
前端·css·html