表单元素与非表单元素刷新区别详细解析

一、表单元素如果用js赋值刷新后，记录是js赋值后的值而不是初始值
<html>
<head>
<script type="text/javascript">
function bb(){
var aa=document.getElementById_x("aa");
    aa.value="3";
}
</script>
</head>
<body>
<form method="post">
<input id="aa" type="text" value="" onclick="bb();"/>
</form>
</body>
</html>

二、非表单元素如果用js赋值刷新后，记录的是初始值
<html>
<head>
<script type="text/javascript">
function bb(){
var aa=document.getElementById_x("aa");
    aa.innerHTML="33333";
}
</script>
</head>
<body>
<form method="post">
<a href="#" onclick="bb();" id="aa">wwww</a>
</form>
</body>
</html>

赞 (0)

相关推荐

  • 表单元素与非表单元素刷新区别详细解析

    一.表单元素如果用js赋值刷新后,记录是js赋值后的值而不是初始值<html><head><script type="text/javascript">function bb(){var aa=document.getElementById_x("aa");    aa.value="3";}</script></head><body><form method=&quo

  • 解决表单中第一个非隐藏的元素获得焦点的一个方案

    form中又许多元素,是用例如form.element[x] 来表示: 一个元素的类型: 一个元素的类型是用 element.type 来表示 有了上面的一些了解,现在就让我们来解决第一个非隐藏元素获得焦点的方案: 首先定义 一个对象 作为方法的应用者: var f=new Object(); 然后: 复制代码 代码如下: f.getTheFirstFocus=function(){ if (document.forms.length > 0){ for (var i=0; i < docum

  • PHP 线程安全与非线程安全版本的区别深入解析

    从2000年10月20日发布的第一个Windows版的PHP3.0.17开始的都是线程安全的版本,这是由于与Linux/Unix系统是采用多进程的工作方式不同的是Windows系统是采用多线程的工作方式.如果在IIS下以CGI方式运行PHP会非常慢,这是由于CGI模式是建立在多进程的基础之上的,而非多线程. 一般我们会把PHP配置成以ISAPI的方式来运行,ISAPI是多线程的方式,这样就快多了.但存在一个问题,很多常用的PHP扩展是以Linux/Unix的多进程思想来开发的,这些扩展在ISAP

  • jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题

    HTML结构:很简单,就一个input,一个div,能说明问题就OK了: <input type="text" value="默认值"><br/><br/><div>搜索</div> 想要实现的结果: 1.input框获取焦点时value为"",失去焦点时value为"默认值":-----这个很好实现: 2.当在input框中输入要搜素的内容后,点击div搜索,要求控

  • React tabIndex使非表单元素支持focus和blur事件

    目录 前言 触发场景 使用tabIndex使非表单元素支持focus和blur事件 不支持冒泡 支持捕获 react中的focus和blur支持冒泡 前言 在浏览器中表单元素天然支持focus和blur事件,这两个事件在开发过程中出现的频率还是挺高的,前端开发者也都比较熟悉,在这里特意总结一下. 触发场景 鼠标点击 键盘tab键 直接调用dom的focus,blur方法 使用tabIndex使非表单元素支持focus和blur事件 给一个普通的div元素增加tabIndex属性后,这个元素就能支

  • Javascript的表单与验证-非空验证

    推荐阅读:Javascript的表单验证长度 Javascript的表单验证-提交表单 Javascript的表单验证-初识正则表达式 Javascript的表单验证-揭开正则表达式的面纱 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 表单提交前要检查数据的合法性 在要对表单里的数据进行验证的时候,可以利用getElementById()来访问网页上任何一个元素 每个表单域都有一个form对象,可被传给任何验证表单数据的函数 <input id=&qu

  • BootStrap智能表单实战系列(八)表单配置json详解

    BootStrap智能表单实战系列(八)表单配置json详解

    本章属于该系列的高级部分,将介绍表单中一些列的配置 1.config列的配置: 主要用于控制布局 :config:{autoLayout:true|'1,2,2,4'} true:根据配置项最里层的数量来自动使用不同的栅格, '1,2,2,4':使用指定的栅格来布局,如果配置的列数不足的情况将使用第一项(n,n 为一项) 2.hides的配置项 hides:[{id:'xxx',value:''}] 此项是可选的,主要用于编辑时存放一些不可见的列(如主键ID的值) 3.eles 表单元素的配置(

  • BootStrap智能表单实战系列(六)表单编辑页面的数据绑定

    BootStrap智能表单实战系列(六)表单编辑页面的数据绑定

    什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的.Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品. Bootstrap 包的内容 基本结构:Bootstrap 提供了一个带有网格系统.链接样式.背景的基本结构.这将在 Bootst

  • 全面解析Bootstrap表单使用方法（表单按钮）

    全面解析Bootstrap表单使用方法（表单按钮）

    一.多标签支持 一般制作按钮除了使用<button>标签元素之外,还可以使用<input type="submit">和<a>标签等. 同样,在Bootstrap框架中制作按钮时,除了刚才所说的这些标签元素之外,还可以使用在其他的标签元素上,唯一需要注意的是,要在制作按钮的标签元素上添加类名".btn". <button class="btn btn-default" type="button&

  • BootStrap智能表单实战系列(四)表单布局介绍

    BootStrap智能表单实战系列(四)表单布局介绍

    什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 表单的布局分为自动布局和自定义布局两种: 自动布局就是根据配置项中第二级配置项中数组的长度来自动使用不同的bootstrap栅格,通过设置autoLayout为true可以实现自动布局 自动以布局就是根据autoLayout来决定使用的栅格,通过设置autoLayout:'1,2,1,2,2,4' 表示 第一.二列占3格

随机推荐