Reset 对象
在 HTML 表单中 <input type="reset"> 标签每出现一次，一个 Reset 对象就会被创建。
当重置按钮被点击，包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。
重置按钮在重置表单之前触发 onclick 句柄，并且这个句柄可以通过返回 fasle 来取消。
2025年08月10日
Reset 对象
在 HTML 表单中 <input type="reset"> 标签每出现一次，一个 Reset 对象就会被创建。
当重置按钮被点击，包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。
重置按钮在重置表单之前触发 onclick 句柄，并且这个句柄可以通过返回 fasle 来取消。
2025年08月10日
Keygen 对象
Keygen 对象代表着HTML form表单的 keygen 字段。
该对象提供了一个安全的方式来验证用户。
当提交表单时，私钥存储在本地，公钥发送到服务器。
在 HTML 文档中的每个 <keygen> 标签都能创建一个 Keygen 对象。
你可以通过form 表单的elements[]数组来搜索 keygen 字段，或者使用 document.getElementById()。
2025年08月10日
通过之前三节的学习，我们基本了解了HTML标记语言的基本语法，也明确了一个基本原则，那就是网页中所有的可视信息都是写在<body></body>标签之间的，在一文中，我们为第一个页面添加了"标题"与"段落"标签，实际上，未来我们要说到的图片、音频、视频、表格以及区块等元素也是放在<body></body>标签之间的。
2025年08月10日
基于Vue,ElementUI开发的一款表单设计器，提高表单开发效率的利器，让开发者从枯燥的表单代码编写中解放出来
工具地址：
http://tools.xiaoyaoji.cn/form
GitHub地址：
https://github.com/GavinZhuLei/vue-form-making
2025年08月10日
// 1、实现输入数字输出对应汉字，要求使用angularjs，不准使用$watch函数，for循环；提示：ng-change指令
<div ng-app="myApp" ng-controller="changeCtrl"> // 定义一个app指令 定义一个controller 指令用于为你的应用添加控制器。在控制器中，你可以编写代码，制作函数和变量，并使用 scope 对象来访问。
数字: <input ng-model="number" ng-change="changeFunc(number)"> // ng-model 指令绑定了 HTML 表单元素到 scope 变量中。 如果 scope 中不存在变量, 将会创建它。 ng-change 事件在值的每次改变时触发
<h1>你输入了: {{result}}</h1> // 和ng-model数据绑定的值
</div>
<script>
var app = angular.module('myApp', []); // 新建一个模块，注意新的模块需要在 app.js 里面引入
app.controller('changeCtrl', function($scope) { // 建立controller方法 供html使用
$scope.number = ""; // 这里是input框中出现的值
$scope.result = ""; // 结果是h1中出现的值
var array=["零","一","二","三","四"，"五","六","七","八","九","十"];
$scope.changeFunc=function(number){ // 定义一个ng-change方法,当input内的值改变时出发（input内输入一个值，方法改变一次）
console.log("number=",number);
if(number != ''){
$scope.result = "";
var atr=number.replace(/(.)(?=[^$])/g,"$1,").split(",");//第一种 // 通过截取的形式每一个数字添加‘，’split把字符串变成数组
atr.forEach(function(e){ // 循环数组atr
$scope.result += array[e];
});
/*for(var a in number){ //第二种
console.log("number[a]=",number[a]);
var i = parseInt(number[a]);
$scope.result += array[i];
}*/
}
};
});
</script>
2025年08月10日
一、封装获取元素的方法
封装思想——函数封装——代码复用
function get_id(id){
// 这个函数是专门来通过id获取元素
return document.getElementById(id)
}
function get_els(parentId, tagName){
// 这个函数是专门来获取某个父标签范围内的某些标签
return get_id(parentId).getElementsByTagName(tagName)
}2025年08月10日
在 React 项目中使用 Ant Design（Antd）的 Form 组件能快速构建标准化表单，特别适合中后台系统开发。以下是结合 Antd 的 最佳实践
2025年08月10日
无论我们使用什么语言来完成web开发，都必然会用到HTML表单标签，HTML表单标签在开发中经常会被我们用来去收集我们想要得到的数据信息，基本上所有的网页都有表单的利用，表单合理的使用和布局是作为一个前端开发者所必须具有的基本技能。
表单标签结构树：
2025年08月10日
SMValidator是一个易用、轻量且强大的表单验证工具。支持html和javascript两种配置方式，可以立即或手动触发验证，独立显示每条规则的信息，可自定义表单或信息容器的样式。目前minify文件还不到5KB，而且不依赖任何第三方库。
使用方法：
1. 给input指定验证规则
<!--使用data-rule属性指定验证规则--> <input type="text" data-rule="required">
2025年08月10日
search类型的input元素是一种专门用来输入搜索关键词的文本框。其代码格式如下。
<input type="search" name="user_search1"/>