程序博客网 > 可以证件照软件

javaScript--05 DOM基础 12.7

来源：互联网发布：可以证件照软件编辑：程序博客网时间：2024/05/21 09:39

form、method、action、onsubmit、onreset、onchange、select、form.name.

<!DOCTYPE html>

<html lang="zh" id="htmlId">

<head id="headId">

<title>BOM基础</title>

<meta charset="utf-8">

<meta name="keywords" content=",,">

<meta name="description" content="">

<style>

form p{

display:inline;

}

</style>

</head>

<script type="text/javascript">

function check(form){

var span = document.getElementById("sname");

var txt = form.username.value;

if(txt == "")

{

span.innerText="填写姓名"

form.username.focus();

return false;//提交事件的特殊之处。

}

return true;

}

function resetFun(form){

return false;

}

function selectChange(value,selectedIndex)

{

alert(value+selectedIndex);//弹出“中国0”、“英国1”，“美国2”，“deguo3”

}

function formsClick(){

var theform = document.forms[1];

theform.username.value="theButton";

alert(theform);

}

function funChange(obj){

//text input的内容发生改变，且失去焦点

alert(obj.value);

}

function documentAll(){

var arryy = document.all[0];

alert(arryy);

}

</script>

<body id="bodyId">

<form method="post" action="%E5%B7%A5%E8%B5%84%E6%9D%A1.html" onsubmit="return check(this)" onreset="return resetFun(this)">

姓名：<input type="text" name="username"><span id="sname"></span>

<input type="submit" value="提交">

<input type="reset" value="重置">

<input type="text" name="textInput" value="容发生改变，且失去焦点时调用" onchange="funChange(this)">

</form>

<form>

<select onchange="selectChange(this.value,this.selectedIndex)">

<option>中国</option>

<option>英国</option>

<option>美国</option>

<option value="Germany">德国</option>

</select>

<input type="button" value="document" onclick="documentAll()">

<input type="button" name="username" value="name=username" onclick="formsClick()">

<input type="button" value="name!=username" onclick="formsClick()">

</form>

</body>

</html>

0 0

可以证件照软件

可以证件照软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子蛇缠腰是什么白蛇缠腰是什么病缠腰蛇是怎么引起的缠腰火龙蛇缠腰是什么症状蛇缠腰怎么办火蛇缠腰缠腰蛇是什么病蛇缠腰的初期症状蛇缠腰前期蛇缠腰初期症状缠腰龙是什么病缠腰龙蛇网捕蛇图片蛇宝宝起名网蛇网批发捕蛇网放在什么地方网蛇蛇羹蛇肉蛇肉的功效蛇肉功效蛇肉怎么做好吃蛇肉的做法蛇肉做法蛇肉煲遇蛇肉蛇颈龙肉梦到蛇肉蛇肉炖汤做法湖南红烧蛇肉的做法尿酸高能吃蛇肉吗梦见吃蛇肉是什么意思蛇肉能吃吗蛇肉好吃吗蛇肉煲汤蛇肉怎么炖汤蛇肉寄生虫蛇肉怎么做吃蛇肉蛇肉怎么烧