html中的表单元素对象

酥酥 发布于 2021-09-18 954 次阅读


表单元素对象

一、主要表单元素对象有哪些

元素描述
text文本域
textarea多行文本域
password密码
hidden隐藏域
button按钮
submit提交按钮
reset重置按钮
radio单选按钮
checkbox复选框
select选择列表

二、具体用法

1.text、textarea、password、hidden

他们都用于储存文本,他们具有以下相同属性

  • value:表单元素的当前值

  • name:表单元素的名称

  • type:设置表单元素的类型

  • form:设置容纳表单元素的表单

text、textarea、password有以下一些相同的方法

  • blur():将客户端对该对象的focus移开

  • focus():将客户端的focus移到该对象

  • select():将该对象设置成选取状态

2.button、submit和reset

他们主要用于事件处理这些表单对象有以下属性

  • value:设置按钮上的文本

  • name:设置按钮的名称

  • type:设置按钮的类型

  • form:设置容纳按钮的表单

3.radio和checkbox

这些表单元素对象用于接受用户输入的选择,具有以下属性

  • value:设置表单元素的当前值

  • name:设置表单元素的名称

  • type:设置表单元素的类型

  • form:设置容纳表单元素的表单

  • checked:表示元素对象是否被选上

button、submit、reset、radio、checkbox具有以下相同的方法

  • blur():将客户端对该对象的focus移开

  • focus():将客户端的focus移到该对象

  • click():模仿按钮上单机鼠标左键

4.select

select表单元素对象用于接收用户对列表项目的选择,具有以下常用属性

  • name:表单元素的名称

  • form:容纳表单元素的表单

  • length:选择列表中的选项数目

  • options:选择列中(option标签)元素的一个数组

  • selectedIndex:选中项目的下标

select具有以下一些方法

  • blur():将客户端对该对象的focus移开

  • focus():将客户端的focus移到对该对象

PS:disabled属性可以使特定字段不可编辑但是表单提交时不会上传到后台,randomly可以使字段变为只读但是可以复制等,表单提交时会上传到后台

仰天大笑出门去,我辈岂是蓬蒿人
最后更新于 2021-09-18