js--表单的属性以及方法

最新推荐文章于 2022-05-05 21:50:03 发布

给我瓶叶小白

最新推荐文章于 2022-05-05 21:50:03 发布

阅读量766

点赞数

分类专栏： java web

本文链接：https://blog.csdn.net/yjz_sdau/article/details/51383720

版权

java web 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

js表单的使用：
   引用表单控件的两种方法：
   document.formname.ctrname.property
   document.forms[index].ctrname.property
   formname：表单名字，可以在表单<form>标签中设置name属性来确定。
   ctrname：表单控件的名字。
   property：表单控件的属性或者方法。
   forms[index]：index为索引，从上到下来排序，若是只有一个表单，则index为0；
<html>
<head>
<meta charset="utf-8"/>
<script language="javascript">
function getInfo()
{
   var name=document.frm.username.value;//获得text类型的方框里面的值类型一方法
   var age=document.forms[0].userage.value;//类型二方法
   if(document.frm.usersex[0].checked)
   {
       sex="男";
   }
   else
   {
       sex="女";
   }
   var str="姓名："+name+"<br>";
   str+="年龄："+age+"<br>";
   str+="性别："+sex+"<br>";
   document.write(str);
}
</script>
</head>
<body>
<form name="frm">
   姓名<input type="text" name="username"/><br>
   年龄<input type="text" name="userage"/><br>
   性别<input type="radio" value="1" name="usersex" checked/>男
   <input type="radio" value="0" name="usersex" />女<br>
   <input type="button" value="确定" onClick="getInfo()"/>
   <input type="reset" value="重置"/>
</form>
</body>
</html>
form对象的elements
   elements属性实际上也是一个数组，其中存放了form表单的所有元素，因此通过操作elements属性，可以获得表单中的所有数据。
   documents.formname.elements[index].property;
   formname:表单的名称   index:整数或者字符串，整数代表索引，字符串代表元素的名称，即name值。index为整数，代表表单的每一行。
元素数组：
form对象的属性：
   action:设置或者获取将表单中的数据发送到页面的url
   all属性:返回表单中的所有html集合。
   disabled:读取或者设置form对象的状态
   method:设置或读取表单向服务器发送数据的方法。
   length：返回form表单中元素的个数。
form中的方法：
   清空表单中所填写的内容。
   reset():清空表单中所填写的内容。
   submit（）：提交表单。

给我瓶叶小白

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js--表单的属性以及方法

js表单的使用：引用表单控件的两种方法： document.formname.ctrname.property document.forms[index].ctrname.property formname：表单名字，可以在表单标签中设置name属性来确定。 ctrname：表单控件的名字。 property：表
复制链接

扫一扫