表单的简单练习

简介:

  
  
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title > Untitled Document </ title >
< script type ="text/javascript" >
window.onload
= function (){
var oForm = document.forms[ 0 ];
oForm.elements[
0 ].focus();
// alert(oForm.elements[0].value);
var txt1 = document.getElementById( " txt1 " );
// alert(txt1.value.length);
txt1.focus();
txt1.select();
var colInputs = document.getElementsByTagName( ' input ' );
var colTextarea = document.getElementsByTagName( " textarea " );
for ( var i = 0 ;i < colInputs.length; i ++ ){
if (colInputs[i].type == " text " || colInputs[i].type == " password " ){
colInputs[i].onfocus
= function (){ this .select();}
}
}
for ( var i = 0 ;i < colTextarea.length; i ++ ){
colTextarea[i].onfocus
= function (){ this .select();}
}

}
</ script >
</ head >

< body >

< form action ="" method ="get" name ="form1" >
< input type ="text" id ="txt1" name ="text1" value ="用户名" />< br />
< input type ="button" value ="提交" onclick ="document.forms[0].reset()" />< br />
< input type ="image" src ="images/tj.gif" alt ="" />< br />
< input type ="text" name ="" id ="" value ="这是密码" onblur ="alert('Blur')" onchange ="alert('change')" />
< textarea name ="" id ="" onfocus ="this.select()" cols ="30" rows ="10" > 这是爱的呼唤 </ textarea >
</ form >

</ body >
</ html >
复制代码

 

 



本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2010/02/03/1662318.html,如需转载请自行联系原作者

目录
相关文章
|
数据可视化 Devops 项目管理
「软件项目管理」项目初始——项目确立与生存期模型
该文章详细讲述了软件项目管理初期阶段的关键步骤,包括项目的确立流程、生存周期模型的选择,并具体分析了瀑布模型、V模型、迭代模型、增量模型以及敏捷模型等不同项目管理方法的适用场景与实施步骤。
「软件项目管理」项目初始——项目确立与生存期模型
|
算法 应用服务中间件 nginx
宝塔面板Nginx开启Brotli压缩,提升网站加载速度-【给网站提提速】
Google 认为互联网用户的时间是宝贵的,他们的时间不应该消耗在漫长的网页加载中,因此在 2015 年 9 月 Google 推出了无损压缩算法 `Brotli`。`Brotli` 通过变种的 `LZ77` 算法、Huffman 编码以及二阶文本建模等方式进行数据压缩,与 `Gzip`相比效率提升约 `17-25%`。这里简单说一下如何在宝塔面板Nginx开启Brotli压缩。
660 0
宝塔面板Nginx开启Brotli压缩,提升网站加载速度-【给网站提提速】
|
负载均衡 Dubbo 应用服务中间件
不满足于RPC,详解Dubbo的服务调用链路(1)
不满足于RPC,详解Dubbo的服务调用链路
535 0
|
机器学习/深度学习 传感器 算法
基于Matlab模拟双站测角交叉定位GDOP推导
基于Matlab模拟双站测角交叉定位GDOP推导
|
SpringCloudAlibaba Dubbo 应用服务中间件
小企业适用的组件化的服务间的调用
小企业适用的组件化的服务间的调用
120 0
小企业适用的组件化的服务间的调用
阿里云主机FTP不能访问的问题
今天在阿里云主机上安装了vsftp服务,准备做一个FTP服务器。安装完后,关闭了防火墙和selinux,但依然不能访问。再将/var/ftp/的权限设置为777并交给FTP,还是不行,最后终于知道是阿里云的锅,没有开放21端口。
2784 0
|
Web App开发 JavaScript 前端开发
开发跨平台app推荐React Native还是flutter?
知乎热门问题:开发跨平台app推荐React Native还是flutter?
8861 0
|
C++ Python
0. Python3源码—编译
# 0.1. 整体架构 在最高的层次上,Python的整体架构可以分为三个主要的部分: * 左:Python提供的大量的模块、库以及用户自定义的模块; * 右:Python的运行时环境,包括对象/类型系统(Object/Type structures)、内存分配器(Memory Allocator)和运行时状态信息(Current State of Python); * 中:Python的
2177 0