首页 > 作文

input元素的url类型和email类型简介

更新时间:2023-04-03 07:14:46 阅读: 评论:0

在过去我们制作网页路由器 限速输入框,会用到不少js验证,如今有了html5写这种效果已经没有那么麻烦了,下面我来给大家介绍两种html5的input的新增加的类型应用。


1、url类型:

<form>蒲公英的种子;

<input name=”urls” type=”url” value=̶phonetics1;https://www.jb51.net/”/>

<input type=”submit” value=”提交”/>

</form>

设置此类型后,从外观上来看与普通的元素差不多,可是如果你将此类型放到表单中之后,当点击提交按钮,如果此输入框中输入的不是一个url地址,将无法提交。

运行效果如下图:

2、email类型:

<form>

<input name=”email” type=”email” value=”https://www.jb51.net/̶三生三世十里桃花剧照1;/>

<input type=”submit”体育部学期工作总结 value=”提交”/>

</form>

如果我们讲上面的url类型的代码中的type修改为email,那么在表单提交的时候,会自动验证此输入框中的内容是否为email格式,如果不是,则无法提交。

如果你有不懂的,可以也可以直接给www.887551.com留言,我会尽快回复大家的。

如果看懂这个以后,大家可以自己练习一下,把练习发上来,帮助大家一起进步!


本文发布于:2023-04-03 07:14:44,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/576686235e27c8ae27b7c4f22e61950d.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:input元素的url类型和email类型简介.doc

本文 PDF 下载地址:input元素的url类型和email类型简介.pdf

标签:类型   体育部   表单   效果
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图