从零开始学JAVA记录（JS — form 表单）——2019年5月29日

今天又是一个学习JAVA的好日子！
JS — form 表单
获取表单
1、document.表单名称
2、document.getElementById(表单 id);
3、document.forms[表单名称]
4、document.forms[索引]; //从 0 开始

获取元素
获取 input 的元素
如 text password hidden textarea 等，前两种常用。
1)、通过 id 获取：document.getElementById(元素 id);
2)、通过 form.名称形式获取: myform.元素名称;  name 属性值
3)、通过 name 获取 :document.getElementsByName(元素名称)[索引] //从 0 开始
4)、通过 tagName 数组 :document.getElementsByTagName(‘input’)[索引] //从 0 开始

获取 单选按钮
前提：将一组单选按钮设置相同的 name 属性值
(1)获取单选按钮组：
document.getElementsByName(“name 属性值”);
(2)遍历每个单选按钮，并查看单选按钮元素的 checked 属性
若属性值为 true 表示被选中，否则未被选中
选中状态设定： checked=’checked’ 或 checked=’true’ 或 checked
未选中状态设定： 没有 checked 属性 或 checked=’false’

获取 多选按钮
前提：将一组多选按钮设置相同的 name 属性值
(1)获取多选按钮组：
document.getElementsByName(“name 属性值”);
(2)遍历每个多选按钮，并查看多选按钮元素的 checked 属性
若属性值为 true 表示被选中，否则未被选中
选中状态设定： checked=’checked’ 或 checked=’true’ 或 checked
未选中状态设定： 没有 checked 属性 或 checked=’false’

获取下拉选项
（1）获取 select 对象：
var ufrom = document.getElementById(“ufrom”);
（2）获取选中项的索引：
var idx=ufrom.selectedIndex ;
（3）获取选中项 options 的 value 属性值：
var val = ufrom.options[idx].value;
注意：当通过 options 获取选中项的 value 属性值时，
若没有 value 属性，则取 option 标签的内容
若存在 value 属性，则取 value 属性的值
（4）获取选中项 options 的 text：
var txt = ufrom.options[idx].text;
选中状态设定：selected=‘selected’、selected=true、selected
未选中状态设定：不设 selected 属性

提交类型：
get请求
参数会直接跟在地址栏后面显示，请求参数的长度有限，相对post而言不安全，不会自动刷新缓存；每次访问时优先获取缓存中的数据，所以请求速度快。
post请求 （需要服务器的支持）
参数不会跟在地址栏后面显示，请求参数长度不限（其实是有长度限制，与服务器相关），相对而言安全，会自动刷新缓存；请求速度相对而言慢。
通常做查询操作，使用GET请求；增删改使用POST请求。

提交表单
（1）使用普通 button 按钮+onclick 事件+事件中编写代码:
获取表单.submit();
（2）使用 submit 按钮 + οnclick=“return 函数()” +函数编写代码:
最后必须返回：return true|false;
（3）使用 submit 按钮/图片提交按钮 + 表单 οnsubmit=“return 函数();” +函数编写代码:
最后必须返回：return true|false;

提交方式二：submit按钮 + onsubmit事件
给表单对象绑定onsubmit事件，调用时需要使用"return 函数名()"，定义的函数中需要return true或false；
如果return true，则提交表单；return false不提交；若直接return也会提交表单

提交方式三：button按钮+点击事件
给button按钮绑定点击事件，调用时需要使用"函数名()"，如果满足要求则手动提交表单，否则return