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>
相关推荐
BBB努力学习程序设计1 天前
CSS Sprite技术:用“雪碧图”提升网站性能的魔法
前端·html
BBB努力学习程序设计1 天前
CSS3渐变:用代码描绘色彩的流动之美
前端·html
阳懿1 天前
meta-llama-3-8B下载失败解决。
前端·javascript·html
谢彦超oooo1 天前
HTML5 与前端开发要点
前端·html·html5
STUPID MAN2 天前
Linux使用tomcat发布vue打包的dist或html
linux·vue.js·tomcat·html
hashiqimiya2 天前
html的input的required
java·前端·html
我命由我123452 天前
HTML - 换行标签的 3 种写法(<br>、<br/>、<br />)
前端·javascript·css·html·css3·html5·js
不坑老师2 天前
不坑盒子的插入网页功能是完全免费的!
前端·html
BBB努力学习程序设计2 天前
让数据阅读更轻松:隔行换色表格的妙用
前端·html
码农刚子2 天前
ASP.NET Core Blazor 核心功能二:Blazor表单和验证
前端·html