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>
相关推荐
晚风叙2 小时前
HTML随笔
html
摇滚侠6 小时前
浏览器调试工具 检查元素 谷歌模拟器 控制台 断点调试
java·html
yivifu6 小时前
CSS 自动级联编号有序列表完全指南
前端·css·c#·html·有序列表·级联编号
孟陬8 小时前
首次上榜新项目 HyperFrames(22k Star):HTML → MP4 一句话生成视频
react.js·node.js·html
anOnion20 小时前
构建无障碍组件之Slider Pattern
前端·html·交互设计
就叫_这个吧1 天前
HTML常用标签及举例使用
前端·html
就叫_这个吧1 天前
JavaScript中常用事件示例展示附源码
开发语言·javascript·html
scan7241 天前
大模型只是知道要调用工具,本身不
前端·javascript·html
ZC跨境爬虫1 天前
跟着 MDN 学CSS day_34:(CSS 布局全面解析)
前端·css·ui·html·tensorflow
ZC跨境爬虫1 天前
跟着 MDN 学CSS day_32:(Web字体深度解析与实践指南)
前端·javascript·css·ui·html