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>
相关推荐
CodeCraft Studio9 小时前
国产化Word处理组件Spire.DOC教程:使用 Python 将 Markdown 转换为 HTML 的详细教程
python·html·word·markdown·国产化·spire.doc·文档格式转换
aaaweiaaaaaa10 小时前
HTML和CSS学习
前端·css·学习·html
xcnn_10 小时前
前端入门——案例一:登录界面设计(html+css+js)
前端·css·html
吃饭最爱12 小时前
html的基础知识
前端·html
AlexMercer101214 小时前
[前端]1.html基础
前端·笔记·学习·html
前端Hardy14 小时前
只用2行CSS实现响应式布局,比媒体查询更优雅的布局方案
javascript·css·html
yume_sibai20 小时前
HTML HTML基础(3)
前端·html
UNbuff_01 天前
HTML 各种事件的使用说明书
前端·html
@大迁世界2 天前
用 popover=“hint“ 打造友好的 HTML 提示:一招让界面更“懂人”
开发语言·前端·javascript·css·html
ssshooter2 天前
复习 CSS Flex 和 Grid 布局
前端·css·html