html表单验证

最新推荐文章于 2024-06-11 11:52:34 发布
最新推荐文章于 2024-06-11 11:52:34 发布
阅读量589 收藏
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaozhang___/article/details/80374763
版权
表单
<!DOCTYPE html >
< html >
< head lang= "en" >
< meta charset= "UTF-8" >
< title ></ title >
</ head >
< body >

< form action= "表单验证.html" method= "post" enctype= "multipart/form-data" >
< fieldset >
< legend > form表单 </ legend >
<!--在可以输入的地方加上输入提示语-->
< p >
< span > 姓名： </ span >
<!-- readonly只读-->
< input type= "text" name= "userName" placeholder= "请输入你的姓名" value= "张三" readonly />
</ p >
< p >
< span > 密码： </ span >
< input type= "password" name= "pwd" placeholder= "请输入你的密码" />
</ p >

< p >
<!-- 文本域（多行文本）-->
< textarea name= "texArea" id= "" cols= "30" rows= "10" placeholder= "请输入自我介绍最少50个字" ></ textarea >
</ p >
< p >
<!-- 单选框-->
< input type= "radio" name= "gender" checked value= "man" /> 男
< input type= "radio" name= "gender" value= "woman" /> 女
< input type= "radio" name= "gender" value= "unknow" /> 不详
</ p >
<!-- 多选-->
<!-- 要加上name-->
< p >
< input type= "checkbox" name= "hobby" value= "eat" checked /> 吃
< input type= "checkbox" name= "hobby" value= "drink" /> 喝
< input type= "checkbox" name= "hobby" value= "play" /> 玩
< input type= "checkbox" name= "hobby" value= "happy" /> 乐
</ p >

<!--下拉框select-->
< p >
< select name= "sel" >
<!-- 和option联合使用-->
< option value= "chengdu" > 成都 </ option >
< option value= "shanghai" selected > 上海 </ option >
< option value= "beijing" > 北京 </ option >
< option value= "zhejiang" > 浙江 </ option >
< option value= "hubei" > 湖北 </ option >
< option value= "hunan" > 湖南 </ option >
</ select >
</ p >
< p >
<!-- 如果有上传文件的操作，必须将form-method该为post，并修改提交数据的格式，在form中enctype-->
< input type= "file" name= "file" />
</ p >

< p >
< input type= "submit" value= "登陆" />
< input type= "reset" value= "取消" />
<!-- 如果让某些空间不能使用则可以使用disabled-->
< input type= "button" name= "login" value= "确定" disabled />
</ p >




</ fieldset >
</ form >
</ body >
</ html >

xiaozhang___
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html表单验证及javascript进行表单验证
05-14
html表单验证及javascript进行表单验证
Project-1:HTML表单验证
04-17
HTML表单验证是Web开发中的一个关键环节，它允许用户在提交数据到服务器之前进行本地验证，确保输入的数据格式正确、安全且符合预期。在这个"Project-1:HTML表单验证"中，我们将深入探讨如何利用HTML5的新特性以及...
HTML----表单验证
xry12354的博客
04-05 1246
包括了表单介绍，表单的高级应用和表单初级验证
HTML---表单验证
zhoutong2323的博客
03-01 1316
前端中的表单验证是在用户提交表单之前，对用户输入的数据进行合法性检查的过程。这种验证的目的是确保用户输入的数据符合预期的要求，从而减少错误和无效的数据提交，提高数据的质量和准确性。输入类型的验证：检查用户输入的数据是否符合预期的输入类型，如文本、数字、邮箱、密码等。必填字段的验证：确保用户必须填写某些字段，这些字段通常是表单中的关键信息。日期和时间范围的验证：检查用户输入的日期或时间是否在允许的范围内。步长的验证：对于某些需要递增或递减的输入字段，如价格、评分等，验证其步长是否符合要求。
html邮箱注册表单
最新发布
南北极之间
06-11 411
总之，学习前端开发需要耐心和毅力，要保持对技术的热情和兴趣，不断学习和提升自己。通过实践项目、学习工具和框架、关注前端趋势等方式，你可以逐渐成为一名优秀的前端开发者。
Form表单中的一种输入对象Input的不同类型
xiaozhupiggg的专栏
06-23 1083
Input表示Form表单中的一种输入对象，其又随Type类型的不同而分文本输入框，密码输入框，单选/复选框，提交/重置按钮等，下面一一介绍。1，type=text输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，家庭住址等等。当然这也是Input的默认类型。参数name：同样是表示的该文本输入框名称。参数size：输入框的长度
HTML前端表单校验的方法
若有所执，必有所成，心之所向，必显光芒
01-20 1762
HTML表单方式校验：Jquery Validate框架校验，JS手写校验
HTML5中表单验证的8种方法
热门推荐
teresa502的专栏
01-21 3万+
在深人探讨表单验证之前，让我们先思考一下表单验证的真实含义。就其核心而言，表单验证是一套系统，它为终端用户检测无效的控件数据并标记这些错误。换言之，表单验证就是在表单提交服务器前对其进行一系列的检查并通知用户纠正错误。 但是真正的表单验证是什么？ 是一种优化。 之所以说表单验证是一种优化，是因为仅通过表单验证机制不足以保证提交给服务器的表单数据是正确和有效的。另一方面，设计表单验证是为了让W
html表单验证代码网页表单验证
11-29
网页表单验证
bootstarp表单验证
05-10
2. **创建表单**：定义一个包含各种表单控件的HTML表单，每个控件可以设置`name`属性以便于在JavaScript中引用。 3. **添加验证规则**：使用jQuery，我们可以为每个表单元素添加自定义验证规则。例如，我们可以监听...
javascript html5实现表单验证
10-22
主要为大家详细介绍了javascript html5实现表单验证的具体代码，感兴趣的小伙伴们可以参考一下
HTMl验证码登陆验证
12-21
验证码登陆 function checkinput() { if (document.form1.u.value=="") { alert("您还没有输入您的用户名呢！"); document.form1.u.focus(); return; } if (document.form1.p.value=="") { alert("您还没有输入你的密码呢！"); document.form1.p.focus(); return ; } if (document.form1.verifycode.value=="") { alert("您还没有输入验证码！"); document.form1.verifycode.focus(); return ; } preprocess(form1); document.form1.submit();
HTML 表单验证 （输入框的验证）
12-26
JS 只能输入数字，email的验证。。。JS 只能输入数字，email的验证。。。JS 只能输入数字，email的验证。。。
iview 新手自己实现表单验证的过程 日期控件类型type为“daterange“
weixin_51409660的博客
07-29 2037
在编辑页面中常常会用到表单验证的功能，今天就来贴个自己实现的心酸步骤 1.需求描述： 就是这样的功能==>首先点击确定按钮，提示提交失败，不允许为空==>正确输入手机号11位，身份证18位，选择时间==>再点击确定按钮==>提交成功、页面跳转 2.详细步骤： 1）首先需要编辑好自己的页面，我的From表单是嵌套在Modal对话框中的，这样可以实现假如点击一个按钮，弹出办理业务的框 ...
【html表单验证 】
qq_56058244的博客
01-05 2653
整理了一个表单验证
html页面实现登录验证码功能（纯前端）
爱学习的大雄的博客
06-13 2万+
html+css+javascript简易实现注册或登录时实现验证码功能：原文链接：https://blog.csdn.net/weixin_41472431/article/details/90732468
html表单验证步骤,一、表单的基本验证技术（一）
weixin_34404599的博客
06-17 1025
一、本课目标掌握使用表单选择器选择网页元素掌握使用String对象验证表单内容掌握表单验证的事件和方法1.1为什么要做表单验证？减轻服务器的压力保证输入的数据复合要求image.png1.2、常用的表单验证image.png1.3表单验证的思路问题：当输入的表单数据不符合要求时，如何编写脚本来进行提示？分析：获取表单元素值使用JS的一些方法对数据进行判断当表单提交时，触发事件，对获取的数据进行验证...
各种表单验证及方法
Amily8512的博客
01-10 1671
常用的正则表达式: //密码中必须包含大小写 字母、数字、特称字符，长度在8-30之间 密码强：^(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[^a-zA-Z0-9]).{8,30}$; //密码中必须包含字母（不区分大小写）、数字、特称字符，长度在8-30之间 密码高：^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,30}$; //密码中必须包含字母（不区分大小写）、数字，长度在8-30之间 密码中：^(?=.*[0-9])(
jquery validate插件实现表单验证简单例子，适合新手入门。
Paste_Expert的博客
07-30 257
效果图： 1.引入依赖文件jquery.js以及jquery.validate.1.8.1.js <script src="/static/js/jquery.min.js"></script> #根据自身情况修改目录 <script src="/static/js/jquery.validate.1.8.1.js"></script> ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值