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>
相关推荐
Light_1015 分钟前
CSS实验:linear-gradient 实现「四角边框」和「 字体渐变」
css·html·css3
酷爱码2 小时前
动态科技感html导航网站源码
科技·html·导航源码
旭久6 小时前
html简易实现推箱子小游戏原理(易上手)
前端·javascript·html
烂蜻蜓7 小时前
在 HTML5 中使用 MathML 展示数学公式
前端·html·html5
烂蜻蜓17 小时前
深入理解 HTML5 语义元素:提升网页结构与可访问性
前端·html·html5
无名友18 小时前
HTML — 定位
前端·css·html
无名友1 天前
HTML — 浮动
前端·css·html
liangmou21211 天前
HTML5的笔记
前端·笔记·html·html5
倒霉男孩2 天前
HTML视频和音频
前端·html·音视频
暗暗那2 天前
【面试】什么是回流和重绘
前端·css·html