JavaScript之form（表单域对象）

刺骨的言语ヽ痛彻心扉 2021-11-10 15:10 315阅读 0赞

# 一、获取表单域对象 #

1.document.getElementById()

2.formObj.elements\[index\]

3.formObj.elements\[formarea\_name\]

4.formObj.formarea\_name

#  二、表单域对象的属性 #

1.readonly

1)input对象 设置了readonly="readonly"，则该表单域只读（用户不能修改其value属性），但是可以提交

2)通过js为input对象添加“只读”属性，应通过“对象.readOnly = true”添加

3)readonly="readonly" 只能使用在`<input type='text'>` 及 `<textaread>`标签中

2.disabled

1)input对象 设置了disabled="disabled"，则该表单域不可用（用户不能修改其value属性）且不能提交

2)通过js为input对象添加“不可用”属性，应通过“对象.disabled = true”添加

3)disabled="disabled"可以将所有的表单域失效

3.name

1)用于获取该表单域

2)只有设置了name属性的表单域才可以提交

4.value

1)用户输入的内容就是value，表单会提交该属性的值

2)select标签的value值就是当前选中的option的value值

3)textarea没有value属性，提交时提交标签中间的文本值

5.form

用于获取表单域所在的表单对象

6.type

浏览会根据type的值不同，显示表单域也不同

7.checked

1)对于`<input type="radio">` 和 `<input type="checkbox">`来讲,checked="checked"表示默认选中该选项

2)`<input type="radio">` 只能给同组的一个添加 checked="checked"

3)`<input type="checkbox">` 可以给同组的所有添加 checked="checked"

4)通过js为对象添加“默认选中”属性，应通过“对象.checked = true”添加

8.select标签的属性

1)selectedIndex表示当前选中的option的索引

2)options表示所有option标签对象的一个数组

3)length表示右多少个下拉列表项

9.option标签的属性

1)value 就是选项的值，提交时会提交该属性的值

2)text 就是option标签中间文本值，类似于innerText

3)selected="selected" 表示页面加载时默认的选项

发表评论取消回复

表情：

评论列表（有 0 条评论，315人围观）

还没有评论，来说两句吧...

相关阅读

相关 Form表单

一、标签结构： <form>...</form> 二、普通文本框： <input type="text"> 三、密码输入框： <input type="passwor

太过爱你忘了你带给我的痛/ 2024年04月01日 15:17/ 0 赞/ 103 阅读

相关表单＜form＞

创建表单 `<form>` 标签用于创建供用户输入的 HTML 表单。 `<form>`标签的action属性的值指定了表单提交到服务器的地址。 `<form>`

亦凉/ 2024年03月29日 15:46/ 0 赞/ 102 阅读

相关 antd获取/更改form表单数据（表单域数据）

创建ref引用 formRef = React.createRef(); 表单和ref绑定 //ref={this.formRef} 先给For

今天药忘吃喽~/ 2024年02月21日 10:08/ 0 赞/ 78 阅读

相关 form表单

前后端交互流程： ![98a9393d26e8108f47fc83040ff442c9.png][] 表单在 Web 网页中用来给访问者填写信息，从而能采集客户端信息，使网

忘是亡心i/ 2023年09月27日 15:10/ 0 赞/ 152 阅读

相关 EasyUI之表单Form

1、实例背景 EasyUI常用的Form表单，利用输入框直接提交值；清空按钮，将填写有误的数据进行清空 2、实例源码 <!DOCTYPE ht

素颜马尾好姑娘i/ 2022年07月15日 01:57/ 0 赞/ 261 阅读

相关 EasyUI之表单Form

1、实例背景 EasyUI常用的Form表单，利用输入框直接提交值；清空按钮，将填写有误的数据进行清空 2、实例源码 <!DOCTYPE ht

刺骨的言语ヽ痛彻心扉/ 2022年07月15日 01:57/ 0 赞/ 243 阅读

相关 Form-Form表单

一、典型表单在 Form 组件中，每一个表单域由一个 Form-Item 组件构成，表单域中可以放置各种类型的表单控件，包括 Input、Select、Check

灰太狼/ 2022年03月31日 15:11/ 1 赞/ 645 阅读

相关 form表单

Form表单 ajax基础 form表单的属性action与method 属性值描述 action URL 规定当提交表单时向何处发送表单数据 meth

浅浅的花香味﹌/ 2022年02月22日 20:06/ 0 赞/ 467 阅读

相关 JavaScript之form（表单域对象）

一、获取表单域对象　　1.document.getElementById() 　　2.formObj.elements\[index\] 　　3.formObj.e

刺骨的言语ヽ痛彻心扉/ 2021年11月10日 15:10/ 0 赞/ 316 阅读

相关 Javascript提交form表单

1.使用<a>标签提交表单 <form action="1.html" method="post" id="form"> <input type="text

淩亂°似流年/ 2021年06月24日 14:37/ 0 赞/ 749 阅读