初学网页前端笔记(8)

本文档记录了初学者在学习网页前端过程中,关于HTML表单的笔记。重点介绍了如何获取表单及表单元素,如input、单选按钮和多选按钮。通过实例展示了document对象的不同方法,如document.getElementById、document.forms等。还提到了单选按钮和多选按钮的使用,强调了name属性值在组内的统一性以及checked和disabled属性的应用。
摘要由CSDN通过智能技术生成

学习资源:HTML 教程 | 菜鸟教程 (runoob.com)【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibiliHTML 教程 | 菜鸟教程 (runoob.com)

  观看视频p40-p43学习获取表单、获取表单元素-input元素、获取表单元素-单选按钮与多选按钮、

获取表单元素-下拉框等内容。

获取表单一般有document.表单名称

                         document.getElementById(表单id)

                         document.forms(表单名称)

                          document.forms[索引];ps:从0开始

例子:

 获取表单元素-单选按钮与多选按钮

单选按钮:<input type="radio" name="组名称” value="值“/>

注意:
同组的多个单选按钮,name属性值应该设为相同的
可选属性:checked,disabled

多选按钮:<input type="checkbox" name="组名称[]” value="值“/>

注意:
同组的多个多选按钮,name属性值应该设为相同的,最好name属性值加上一对中括号
可选属性:checked,disabled

下拉框:<select name="名称”>

<option value"选项值“>显示的文本</option>

</select>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值