HTML表单的初级验证

最新推荐文章于 2021-11-22 10:40:21 发布
最新推荐文章于 2021-11-22 10:40:21 发布
阅读量230 收藏
点赞数
分类专栏： html 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qishi45/article/details/116922341
版权 
<!DOCTYPE html>

<!--
表单初级验证：
常用方式：1.placeholder 提示信息
        2.required  非空判断
        3.pattern   正则表达式
-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单的初级验证</title>
</head>
<body>
<form action="1.我的第一个网页.html" method="get">
  <!--   文本输入框：input type=“text”
  默认值初始值为 咕咕咕咕咕
  输入限制为8
  文本框尺寸为30
  reedonly： 只读，不可写入
  hidden：隐藏
  placeholder：提示信息（需要是一个输入框的控件）
  required：非空判断（不能为空）
  -->
  <p>名字：<input type="text" name="username"  maxlength="8"  placeholder="请输入用户名" required></p>
  <!--    密码框：input type="password"   -->
  <p>密码：<input type="password" name="pwd" placeholder="请输入密码" required></p> <!--  默认密码为123  -->

  <!--
  自定义手机号
  pattern：正则表达式（描述一种规则）（验证手机号码的格式是否正确）
  -->
  <p>手机：
    <input type="text" name=
最低0.47元/天 解锁文章
约瑟芬儿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html(11)-表单的初级验证
enjoy_code_的博客
01-17 520
纯html表单验证上面有三种简单应用： placeholder 提示信息 required 非空判断 pattern 正则表达式 placeholder <form action="first.html" method="get"> <p>账号：<input type="text" name="username" placeholder="请输入用户名"/></p> <p>密码：<input type="password
简单实用表单验证实例
04-29
1. **前端验证**：这是最初级的验证方式，通过JavaScript或HTML5内置的表单验证属性（如`required`、`pattern`等）来实时检查用户输入。例如，邮箱字段可以使用`pattern`属性来匹配标准的邮箱格式。这个实例可能就...
html表单的3个初级验证,表单
weixin_39596739的博客
07-04 364
1.表单的语法form表单能够获取用户的输入的内容、选择、上传文件全部发送给后端。 名字： 密码：action：控制数据提交的目的地不写的情况下，默认提交到当前页面所在的路径。只写路径后缀，后面框架上会资源定位到某个位置。method：控制数据提交的方式get：form表单默认是get请求post：提交数据label标签：通常情况下 input 标签需要结合 label 标签一起使用。user...
HTML5学习笔记（表单的初级验证）
sy952016835的博客
07-01 216
HTML|表单初级验证
Alan_Lowe
07-22 368
HTML|表单初级验证 1.placeholder 很多时候文本框的提示信息可以帮助人们更好更快的进行浏览，我们可以可以placeholder来给用户提示信息，比如我们写一个个签，提示信息为请填写你的个性签名： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单初级验证</title> </head> <bo
HTML 表单验证
LMengi000的博客
05-11 667
&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="textml; charset=utf-8"&gt; &lt;title&gt;网页&lt;/title&gt; &lt;style type="text/css&quot
万能表单验证插件
06-01
3. `index.html`：通常是主入口文件，可能包含一个完整的表单示例，演示了插件的多种验证功能。 4. `jquery-1.11.3.min.js`：这是jQuery库的一个版本，说明插件依赖于这个版本的jQuery运行。 5. `valid.js`：这个很...
html学习笔记
07-24
HTML5在表单控制方面也有所改进，增加了`<input>`类型的多样性，如`date`、`email`、`url`等，增强了表单验证功能。此外，`<output>`元素用于显示计算结果或脚本生成的内容，而`<progress>`和`<meter>`则用于显示...
使用jQuery.Validate进行客户端验证（初级篇） 不使用微软验证控件的理由
10-29
jQuery Validate是一个强大的JavaScript库，专门用于处理HTML表单验证，它为开发者提供了灵活且易于使用的API。 首先，让我们回顾一下为什么开发者可能会避免使用微软的验证控件。主要有四个原因： 1. **拖放控件...
webstudio:HTML 和 CSS (SASS)。 JavaScript（初级）
07-24
通过JavaScript，开发者可以实现网页的动态效果，如滑动菜单、表单验证、AJAX异步请求等。 在Webstudio中，你可能需要结合这些技术创建交互式的网页项目。HTML提供内容结构，CSS负责美化，JavaScript赋予动态行为，...
HTML6表单运用与初级验证
qq_45907053的博客
05-11 223
表单应用 1、只读 readonly 比如输入名字 默认为admin 不允许你去改 2、禁用 disable 比如在选是男是女时把男生禁用，都默认为女生 <p>性别： <input type="radio" value="boy" name="sex" checked disabled/>男 <input type="radio" value="girl" name="sex"/>女 </p> 禁用以后不能点男 还可以禁用提交
form表单/html5 智能表单的初步认识
差不少的博客
04-12 340
form 表单 method 数据传输方式： 如果不设置，传输方式默认为get get url传输数据，页面链接处可以看到所提交的数据 优：速度快，多用于查询 缺：传输数据较小，保密性较低 post 服务器传输数据，看不见数据 优：可传输数据大，保密性安全性较高 缺：速度慢 控件 控件就是表单中的元素 需要的属性：name和value input input中要写name，后台通过name属性来获...
一个简单的HTML表单及JavaScript验证
forguy10的专栏
01-14 918
var username;         var password;         var email;         var emailName;         function usernameCheck(){             username = document.getElementsByName("username")[0].value;           
html表单的3个初级验证,【前端面试】HTML5+CSS3初级面试
weixin_36064512的博客
06-17 179
1、简单说一下对HTML5+CSS3的了解。HTML5和CSS3不仅是两项新的Web技术标准，而且代表了下一代HTML和CSS技术。其未来的发展前景已经可以预见，那就是HTML5必将被越来越多的Web开发人员所使用。各大浏览器厂家已经积极更新自己的产品，以更好地支持Html5.它的优势主要有以下几点：1)更多的描述性标签：HTML5引入非常多的描述性标签。2)良好的媒体支持：对于先前以插件的方式播...
HTML表单初级验证
weixin_39391878的博客
11-22 583
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单初级验证</title> </head> <body> <!-- 初级验证： placeholder：提示输入框应该输入什么 required：必填 pattern：正则验证 --> <form method="post" action=
纯js表单提交模板
qq_45774645的博客
07-22 737
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表单验证</title> <style type="text/css"> span { color: red; font-size: 12px; } </style> </head> <body> <script
HTML—表单验证
qq_41139281的博客
05-23 269
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;表单注册&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form&gt; &lt;table
表单验证
qq_45337854的博客
11-24 101
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表单验证</title> <script src="jquery-1.11.1.min.js" type="text/javascript"></script> &lt...
js validateForm 表单验证.html
weixin_42193179的博客
06-05 557
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js validateForm 表单验证</title> <script> /*参考：https://www.runoob.com/js/js-validation.html*/ function validateForm() { .
js表单验证大全.doc
07-06
《JS表单验证大全》 本文是一个收录了最全的JS表单验证方式的文档，包含了多种情况下表单验证的方法，以及相应的JS代码实现。其中包括但不限于以下内容： 1. 是否为空：通过JS代码判断表单输入是否为空，提醒用户...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值