上QQ阅读APP看书，第一时间看更新
2.10 初始化表单里的所有控件
在某些设计场景下，HTML页面加载后需要为表单中的控件初始化默认值。要实现该功能，既可以通过HTML表单控件的属性来实现，也可以通过JavaScript来动态操作。下面介绍一个通过JavaScript实现初始化表单里的所有控件的代码实例。
关于【代码2-10】的说明：
● 第07行代码为<body>元素定义了页面加载“onload”事件方法（initAllEle()），用于在页面加载完成后对页面中的控件进行初始化操作。
● 第14～35行代码在表单内定义了若干控件，包括文本框、下拉选择框、Email文本框、日期文本框和复选框，用于测试控件初始化操作。
● 第38～59行代码是“initAllEle()”方法的实现，通过JavaScript进行文本框、下拉选择框、Email文本框、日期文本框和复选框的初始化操作。
下面使用Firefox浏览器运行测试该HTML网页，具体效果如图2.11所示。
图2.11 JavaScript初始化表单里的所有控件