html input表单验证

最新推荐文章于 2024-07-09 17:01:34 发布

jiefang2

最新推荐文章于 2024-07-09 17:01:34 发布

阅读量847

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/jiefang2/article/details/122686159

版权

本文展示了如何使用HTML5的内置属性进行表单验证，包括必填字段、邮箱格式检查，并通过JavaScript实现更复杂的验证，如确保姓名字段不为空。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
</head>
<head>

</head>
<body>

<form name="myForm" action="demo-form.php" οnsubmit="return validateForm();" method="post">
    required为空不提交： <input type="text" name="fname" required="required">
    用户名: <input type="text" name="fname">
    密码密码字段中的字符是隐藏的(显示为星号或圆圈)Password: <input type="password" name="pwd">
    选择一个文件: <input type="file" name="img">
    隐藏字段hidden  <input type="hidden" name="country" value="Norway">
    Email: <input type="text" name="email" required="required">
    只能输入纯数字的输入框:<input type="text" name="