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>
相关推荐
jackyrongvip11 小时前
开源一个可以把HTML敏感词替换的页面小工具
开源·html·敏感词·ai脱敏
@Mike@1 天前
HTML核心知识点笔记
前端·笔记·html
IMPYLH1 天前
HTML 的 <figcaption> 元素
前端·html
IMPYLH1 天前
HTML 的 <figure> 元素
前端·javascript·html
richdata2 天前
动态OTB vs 静态OTB:鞋服零售该选哪种管理模式?
前端·html·零售
FungLeo2 天前
Flutter Web 中文字体困境与渲染器选择:CanvasKit vs HTML renderer 实战
前端·flutter·html
3A Cloud2 天前
从王虹的手写报告到可运行的 HTML 幻灯片:拆解 z-wanghong-handwritten-ppt
前端·人工智能·笔记·信息可视化·html·powerpoint·ppt
IMPYLH2 天前
HTML 的 <embed> 元素
前端·数据库·html
必须会一定会2 天前
用纯 HTML/JS 做一个 AI 需求澄清器:把模糊想法转换成可执行任务书
开发语言·前端·javascript·人工智能·html·ai编程
2401_881828323 天前
简易文本处理网页工具|AI 通识课第三次作业
前端·javascript·html