表单_2
发布日期:2021-05-10 03:44:00 浏览次数:19 分类:技术文章

本文共 455 字,大约阅读时间需要 1 分钟。

表单的高级应用

只读

页面展示:

在这里插入图片描述

禁用

页面展示:

在这里插入图片描述

隐藏

代码展示:

在这里插入图片描述

表单的初级验证

placeholder

适合input标签:text、search、url、email、password等类型

可以描述文本框期待用户输入何种内容
提示语默认显示,当文本框中输入内容时提示语消失

页面展示:

在这里插入图片描述

required

规定文本框填写内容不能为空,否则不允许用户提交表单

适合input标签:text、search、url、email、password、number、radio、checkbox、file等类型

页面展示:

在这里插入图片描述

pattern

用户输入的内容必须符合正则表达式所指的规则,否则不能提交表单

手机号码 密码长度为11位,以13|5|7|8开头

页面展示:

在这里插入图片描述
正则表达式教程:
https://www.runoob.com/regexp/regexp-tutorial.html

转载地址:https://blog.csdn.net/qzc_root/article/details/111872432 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:CSS_1
下一篇:表单_1

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.116.15.85]2024年08月24日 10时27分18秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

[解决]:【TeamViewer作为个人用途免费,但仅可使用在有限数量的设备上。您已经到达可使用设备的上线】 2019-05-24
基于【国基北盛】云基础架构平台软件搭建openstack私有云平台(先电V2.4版本) 2019-05-24
实战案例——Ansible部署高可用OpenStack平台 2019-05-24
使用本地YUM源安装服务报错以及解决办法 2019-05-24
[There are unfinished transactions remaining.]【使用本地YUM源安装服务报错解决方法】 2019-05-24
【Rabbitmq报错及解决办法】Error: unable to connect to node rabbit@rabbitmq3: nodedown 2019-05-24
使用RDO Packstack在CentOS 8上安装版本为Victoria的openstack 2019-05-24
在openstack云平台中,使用命令行创建云主机操作步骤 2019-05-24
使用VMware Workstation搭建先电IaaS2.4云平台 2019-05-24
在OpenStack云平台上手动迁移云主机操作步骤 2019-05-24
数据库主从分离加读写分离操作步骤 2019-05-24
记录一次报错信息【usb_submit_urb(Ctrl) failed: -19】 2019-05-24
使用Vmware Workstation搭建部署ESXi 7虚拟机 2019-05-24
【亲测有效】记录一次Office无法正常和启动报错信息及解决办法 2019-05-24
记录一下百度网盘双击无法正常启动以及解决办法 2019-05-24
按“window+E”键出现【找不到应用程序】或【explore.exe找不到】的解决方法 2019-05-24
U盘损坏打不开,提示需【格式化】的解决办法【亲测有效】 2019-05-24
使用NPS服务器内网穿透——实现远程访问外网电脑 2019-05-24
禁用vmware虚拟机自动挂起功能 2019-05-24
在VMware Workstation软件内,使用CentOS 7系统搭建私人云盘owncloud 2019-05-24