读取表单数据&控制HTML元素

读取表单数据

1、通过Request.Form读取表单数据
在 控制器动作方法(Action)中,POST方法提交的表单可以使用Request.Form读取其中的数据:
在这里插入图片描述

在控制器的Action中获取数据:
在这里插入图片描述

2.通过FormCollection读取表单数据
我们可以通过传入的FormCollection集合读取表单数据。
在这里插入图片描述

  1. 通过Model Binder读取表单数据
    模型绑定(Model Binder) 是将浏览器请求的数据映射到模型对象的过程。

在这里插入图片描述

在控制器的Action中获取数据:
在这里插入图片描述

当 用户提交表单到控制器动作方法中时,将在动作方法中接受一个商品对象作为参数,默认模型绑定会创建商品对象并将HTML表单的字段值赋给该对象属性。
模型绑定支持类型:简单类型,自定义类,数组,集合,字典
4.我们来看看集合的绑定:
视图中包含了一个复选框列表,复选框具有相同的名称,在控制器的Action中获取数据:
在这里插入图片描述
多选的值自动转换为字符串集合存储在source集合中,可以通过循环获取单个的值
在这里插入图片描述
控制HTML元素
1.getElementsByName()方法
在这里插入图片描述
因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。
和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。

2.getElementsByTagName()方法
返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。

在这里插入图片描述

tagname是标签名
和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。

3.document.getElementById();

通过指定ID来获取元素

在这里插入图片描述
getElementsByName()
通过元素名称name属性获得元素(一组)
getElementsByTagName()
通过标签名称获得元素(一组)
document.getElementById()
通过指定id获取元

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值