SMValidator是一个易用、轻量且强大的表单验证工具。支持html和javascript两种配置方式，可以立即或手动触发验证，独立显示每条规则的信息，可自定义表单或信息容器的样式。目前minify文件还不到5KB，而且不依赖任何第三方库。
使用方法：
1. 给input指定验证规则
2025年03月26日
SMValidator是一个易用、轻量且强大的表单验证工具。支持html和javascript两种配置方式，可以立即或手动触发验证，独立显示每条规则的信息，可自定义表单或信息容器的样式。目前minify文件还不到5KB，而且不依赖任何第三方库。
使用方法：
1. 给input指定验证规则
2025年03月26日
number属性提供了一个输入数字的输入类型，用户可以直接输入数字，或者通过单击微调框中的向上或者向下按钮选择数字。 代码格式如下。
2024年10月27日
1、表单：就是从网页上看见的各种各样的框，比如 登陆框、同意协议的选项框、下拉框、只能选男女的选框等。
2024年10月27日
当用户在 HTML 表单中填写并提交数据时，可以使用 PHP 来接收并处理这些数据。要实现这一点，需要创建一个 PHP 脚本来处理提交的数据，然后将 HTML 表单的 "action" 属性设置为该脚本的文件路径。表单提交的数据需要进行验证和过滤，以确保数据的完整性和安全性。可以使用条件语句、正则表达式、过滤器函数等方法来验证和过滤数据，并使用 htmlspecialchars() 函数转义 HTML 标记，以防止 XSS 攻击。
2024年10月27日
我们来讲解应用 CSS 装饰表单
制作一个表单, 并不需要华丽的外表, 只要简洁大方, 方便用户查看和填写信息即可, 所以表单的制作还是比较简单的。
先来看一个案例，表单拥有自己的宽度，但是高度是被表单中的不同控件撑开显示的。
表单区拥有自己的边框，并且有圆角设置，同时每一个表单元素之间拥有相等的间距。
2024年10月27日
有序列表
经过之前关于表格、表单的学习后，再来学习列表，就显得非常的简单和容易理解了。
学习是构建知识体系的过程，没有形成体系的知识学习再多也是碎片，是很难形成技能或深刻理解的，因此，如果您是零基础的初学者，第一次看我的教程，如果时间允许的话，请务必从目录中找寻第一篇，循序渐进的学习。
列表分为有序列表、无序列表和定义列表，同时列表之中还能嵌套列表，和表格非常相似。
首先介绍有序列表
要用<ol></ol>标签告诉浏览器这里是列表。
2024年10月27日
在HTML5中，新增了日期输入类型date,其含义为选择日、月、年。
date属性的代码格式如下。
<input type="date" name="user_date" />
（1）编辑代码
打开记事本，编写代码，在<body>标签中加入以下代码。并保存为HTML格式文件。
2024年10月27日
本章介绍HTML 5中的Email高级元素，Email类型元素与URL属性类似，Email属性用于让浏览者输入Email地址。在提交表单时，会自动验证email域的值。代码格式如下。
<input type="url" name="userurl"/>
（1）编辑代码
打开记事本，编写以下HTML代码，并保存为HTML格式文件。在<body>标签中加入以下代码。
2024年10月27日
一.结构标记：作用就是为了提升标记的语义性，每个结构有每个不同的标记。
1.头部标记：<header></header>，用于定义页面的页眉，最上面的内容。等同于<div id="header"></div>,作用一样。就是相当于一个容器，装其他的元素。
2.导航标记：<nav></nav>，用于定义页面的导航链接部分。等同于<div id="nav"></div>
2024年10月27日
网站开发入门指南：表单相关标签们。
接下来我们来学习一下表单以及相关的元素。
·表单其实英文是叫做fo.rm，在我们平时使用的这种互联网产品中包括网站也好、app也好，经常会看到这种需要你去填一些资料、填一些文字、填一些数据的这样一种页面。像这种页面其实都是通过表单以及表单的元素去构成、去实现的。
也就是说表单其实是用来收集用户数据的，它是给用户去输入一些数据的。而且输入完之后，一般它是要跟服务器去发生一些交互的。就是比如说把数据发送到服务器或者在本地处理过后，再给到服务器去进一步的处理或者去保存。所以其实表单这些元素，如果真正要去用起来的话，真正要让它功能跑起来的话，其实很多时候是要跟js打交道的。所以目前来说只要简单的去了解一下表单的元素的基本使用就可以了。