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

本文共 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

发表评论

最新留言

第一次来,支持一个
[***.219.124.196]2023年11月12日 06时36分14秒