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>
相关推荐
八角丶6 小时前
元素尺寸的获取方式及区别
前端·javascript·html
Ama_tor7 小时前
网页制作05-html,css,javascript初认识のhtml表格的创建
javascript·css·html
饼干饿死了7 小时前
实现动态翻转时钟效果的 HTML、CSS 和 JavaScript,附源码
javascript·css·html
白嫖不白嫖7 小时前
小游戏-记忆卡牌
css·html·css3
IT、木易11 小时前
HTML5 新增的标签有哪些?
前端·html·html5
我是哈哈hh13 小时前
【JavaScript进阶】作用域&解构&箭头函数
开发语言·前端·javascript·html
神明木佑13 小时前
HTML 新手易犯的标签属性设置错误
前端·css·html
雨声不在14 小时前
番茄工作法html实现
前端·html
烂蜻蜓15 小时前
深入解析 Uniapp 的页面结构
前端·css·vue.js·uni-app·html·html5
强强学习21 小时前
HTML5 起步
前端·html·html5