分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

html 5中的新特性之强化表单元素及属性

发布时间:2023-09-06 01:53责任编辑:顾先生关键词:暂无标签

之前我们判断用户提交的是否是Email 的时候,往往使用js 进行判断,但在html5中可以有新的方式进行判断而且更简单

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Email-Validator</title></head><body><form action="#"> ???<input type="email"name="email" id="email"> ???<button type="submit">submit</button> ???</form></body></html>

大家看效果

这是我们输入的不正确的电子邮件地址

他会自动进行向你提示

此外在input 的后面添加required就可以禁止填入的值为空了

<input required type="email"name="email" id="email">

效果如下:

html 5中的新特性之强化表单元素及属性

原文地址:https://www.cnblogs.com/white-the-Alan/p/9021601.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved