HTML6注册表单输入日志标题

一、找到元素。

var d = document.getElementById("")

var d = document.getElementsByName("")

var d = document.getElementsByTagName("")

var d = document.getElementsByClassName("")

二、操作元素。

（一）操作内容

1.表单

value

赋值，取值

2.非表单

赋值，取值

innerHTML

innerText

（二）操作属性

1.获得属性值

getAttribute("属性名")，返回的是属性值。

2.给属性赋值（添加属性，修改属性）

setAttribute("属性名","属性值")

3.删除属性

removeAttribute("属性名")

（三）操作样式

1.操作内联样式

使用元素的style属性。

2.操作class

使用元素的className属性。

三、操作相关元素。

注册表单

Html代码

<title>无标题文档</title>

.eee

{

color:red;

}

</style>

function docheck()

{

var s = "";

var uid = document.getElementById("txtUID").value;

var p1 = document.getElementById("txtPWD1").value;

var p2 = document.getElementById("txtPWD2").value;

var email = document.getElementById("txtEmail").value;

if(uid.length==0)

{

s += "用户名不能为空\n";

}

if(p1.length==0)

{

s+="密码不能为空\n";

}

if(p2.length==0)

{

s+="确认密码不能为空\n";

}

if(email.length==0)

{

s+="邮箱不能为空\n";

}

if(p1 != p2)

{

s+= "两次输入的密码不一样！";

}

alert(s);

}

function docheck1()

{

var uid = document.getElementById("txtUID").value;

var p1 = document.getElementById("txtPWD1").value;

var p2 = document.getElementById("txtPWD2").value;

var email = document.getElementById("txtEmail").value;

if(uid.length == 0)

{

document.getElementById("spUID").innerHTML = "<h1>用户名不能为空</h1>";

}

else

{

document.getElementById("spUID").innerHTML = "";

}

if(p1 != p2)

{

document.getElementById("spPWD2").innerHTML = "两次输入的密码不一样";

}

else

{

document.getElementById("");

}

</script>

</head>

<body>

<form >

<tr>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<a id="a1" href="Untitled-1.html">查看用户协议</a>

</td>

</tr>

</table>

</form>

</body>

</html>

var n=10;

function bianHua()

{

n--;

if(n==0)

{

var b = document.getElementById("btn");

b.value="注册";

b.removeAttribute("disabled");

}

else

{

var b = document.getElementById("btn");

b.value="注册("+n+")";

window.setTimeout("bianHua()",1000);

}

bianHua()

var a = document.getElementById("a1");

var s = a.getAttribute("href");

alert(s);

//var b = document.getElementById("btn");

//b.setAttribute("disabled","disabled");

//b.removeAttribute("disabled");

</script>

QQ面板

<title>无标题文档</title>

.main{width:200px;}

.title

{

background-color:navy;

color:white;

font-weight:bold;

padding:5px;

text-align:center;

margin-top:1px;

}

.content

{

border:#F90;

background-color:yellow;

height:150px;

display:none;

}

</style>

</head>

<body>

</div>

</body>

</html>

function showDIV(divid)

{

//全都收起来

var c = document.getElementsByTagName("div");

for(var i=0;i<c.length;i++)

{

if(c[i].className == "content")

{

c[i].style.display="none";

}

//展开点的那个

var d = document.getElementById(divid);

if(d.style.display != "block")

{

d.style.display="block";

}

else

{

d.style.display = "none";

}

</script>

HTML6注册表单输入日志标题的更多相关文章

UX设计秘诀之注册表单设计，细节决定成败
以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 说实话,现实生活中,又有多少人会真正喜欢填写表格?显然,并不多.因为填写表单这样的网页或App服务,并非 ...
JavaScript 小实例 - 表单输入内容检测，对页面的增删改
JavaScript 小实例 - 表单输入内容检测,对页面的增删改效果体验地址:https://xpwi.github.io/js/JavaScript01/jsForm.html 功能: 1.向页 ...
如何利用WordPress创建自定义注册表单插件
来源:http://www.ido321.com/1031.html 原文:Creating a Custom WordPress Registration Form Plugin 译文:创建一个定制 ...
前端MVC Vue2学习总结（五）——表单输入绑定、组件
一.表单输入绑定 1.1.基础用法你可以用 v-model 指令在表单控件元素上创建双向数据绑定.它会根据控件类型自动选取正确的方法来更新元素.尽管有些神奇,但 v-model 本质上不过是语法糖, ...
Vue的指令系统、计算属性和表单输入绑定
指令系统指令 (Directives) 是带有 v- 前缀的特殊特性.指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况,稍后我们再讨论).指令的职责是,当表达式的值改变 ...
模拟js中注册表单验证
示例1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...
基于HTML5手机登录注册表单代码
分享一款基于HTML5手机登录注册表单代码.这是一款鼠标点击注册登录按钮弹出表单,适合移动端使用.效果图如下: 在线预览源码下载实现的代码. html代码: <div class=&qu ...
解决Bootstrap布局注册表单input标签前增加必填项*提示与input框不在同一行问题
注册表单部分代码如下: <form id="registForm" class="form-horizontal" action="${page ...
JS判定注册表单的几个方式及 Ajax进行用户名存在判定
最近感觉不赶紧把代码逻辑记一下梳理一下,再做的时候就容易进入"逻辑误区". 有个表单,简单点. <!DOCTYPE html> <!-- 注册表单验证,用户名格式 ...

随机推荐

8.6中关于PSNR(峰值信噪比), img->quad的解释
在JM代码中,多次遇到img->quad这个东西,而在官方代码中只给出了一句说明: 我开始看了好几遍都没有看懂,然后看到后面有snr,所以想应该和snr有关吧. 然后再代码中寻找snr,发现jm ...
我的美国（北美）计算机CS实习面试经验分享
过去的一年多里,参加了一些面试,虽然面过的公司不多,但都从头一直走到尾.毕竟自己也是花了大量的时间和精力在这一场场的面试里.所以,就絮叨下自己的一些经验,希望能给在美国找实习找工作的同学们提供一点点帮 ...
win8下 web测试之 hosts绑定
从这个开始,开启web测试之旅绑定hosts: 1.在C:\Windows\System32\drivers\etc下找到 hosts 文件 2.将hosts文件复制到一个地方: 3.修改hosts ...
hdu2399GPA
Problem Description Each course grade is one of the following five letters: A, B, C, D, and F. (Note ...
Uva 10652 Board Wrapping(计算几何之凸包+点旋转)
题目大意:给出平面上许多矩形的中心点和倾斜角度,计算这些矩形面积占这个矩形点形成的最大凸包的面积比. 算法:GRAHAM,ANDREW. 题目非常的简单,就是裸的凸包 + 点旋转.这题自己不会的地方就 ...
silverlight中鼠标放在对象的提示事件
1.xaml 中实现 <Rectangle x:Name="toolTip" Grid.Column="0" Grid.Row="1" ...
linux中BASH_SOURCE[0]
在C/C++中,__FUNCTION__常量记录当前函数的名称.有时候,在日志输出的时候包含这些信息是非常有用的.而在Bash中,同样有这样一个常量FUNCNAME,但是有一点区别是,它是一个数组而非 ...
express框架目录结构
. ├── app.js ├── bin │ └── www ├── node_modules │ ├── body-parser │ ├── cookie-parser │ ├── ...
初学swift笔记方法（九）
import Foundation /* 方法 */ //实例方法一定需要依附于对象 class MyPoint { var x: Double = 0.0 var y: Double = 0.0 ...
linux之SQL语句简明教程---CONCATENATE
有的时候,我们有需要将由不同栏位获得的资料串连在一起.每一种资料库都有提供方法来达到这个目的: MySQL: CONCAT( ) Oracle: CONCAT( ), || SQL Server: + ...

HTML6注册表单输入日志标题

HTML6注册表单输入日志标题的更多相关文章

随机推荐

热门专题