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>
相关推荐
WordPress学习笔记3 小时前
解决Bootstrap下拉菜单一级链接无法点击的问题
前端·bootstrap·html
0思必得04 小时前
[Web自动化] Selenium元素定位
前端·python·selenium·自动化·html
0思必得09 小时前
[Web自动化] Selenium元素属性和方法
前端·python·selenium·自动化·html
王同学 学出来9 小时前
React案例实操(三)
前端·css·react.js·html
派大鑫wink9 小时前
【Day38】Spring 框架入门:IOC 容器与 DI 依赖注入
java·开发语言·html
程序员小李白9 小时前
js初相识:简介及基本语法
前端·javascript·html
tiandyoin1 天前
给 MHTML 添加滚动条.mhtml
前端·chrome·html·mhtml
Never_Satisfied1 天前
在JavaScript / HTML中,HTML元素自定义属性使用指南
开发语言·javascript·html
_OP_CHEN1 天前
【前端开发之HTML】(二)HTML 常见标签(上):从入门到实战,搞定网页基础排版!
前端·css·html·前端开发·网页开发·html标签
♩♬♪.1 天前
HTML学校官网静态页面
前端·css·html