这几个对象都很相似，输入的都是字符串，它们仅仅是显示的方式不一样而已：

技巧：hidden 域是一个很有用的对象，它可以将一些不想在页面上显示的信息传给服务器，但是，虽然这些信息不会显示在页面上，你还是不能将重要的信息，如密码等信息放到此域中，因为用户在客户端是可以通过查看源文件知道这些信息的。

text 和 textarea 元素提供了 onChange 事件，当这些输入框的内容发生变化时就会触发此事件。看看这个 就知道了。你会注意到 onChange 事件只是发生在用户离开输入框 (使用了 TAB 键或鼠标焦点离开) 或者按了 “回车” 键的时候发生。

你只有确实地改变了文本框中的内容才会触发此事件。如果你将输入的内容清楚，然后输入完全相同的内容，将不会触发 onChange 事件。

【checkbox (复选框) 和 radio (单选框) 按钮对象】

checkbox 和 radio 按钮可以为用户提供一序列选项，checkbox 用于可以多选的选项中，而 radio 用于只能单选的选项中。

checkbox 对象通过 VALUE="...." 来设置值，但表单提交之后，服务器接收到的只是选中的项的值，此对象有一个 checked 的属性，此属性用来判断每一个复选框的状态，即选中还是没选中，例如：<INPUT TYPE="checkbox" checked> 表示此复选框被选中；而 <INPUT TYPE="checkbox"> 表示此复选框没有被选中。

你可以通过 JavaScript 代码修改、设置 checkbox 的 checked 属性，就像这个 中的那样，将 checkbox 的 checked=false 则不选中该复选框，checked=true 则相反。

单选框 radio 按钮与 checkbox 不同，它是在一序列选项中只能选一个，例如，我们对来访用户的年龄进行调查，看他们属于哪一个年龄段，则可以使用下边的代码：

<input type="radio" value="under 21">21岁以下<br>
<input type="radio" value="21 to 35">21岁到35岁<br>
<input type="radio" value="36 to 45">36岁到45岁<br>
<input type="radio" value="46 to 65">46岁到65岁<br>
<input type="radio" value="over 65">65岁以上 我们注意到这些选项对应的 radio 按钮对象有一个相同的对象名 'agegroup'，这是说明这些按钮都是在一个组里的，在这个组里，任何时候都只能有其中的一项 (不可能有两个或两个以上) 被选中，当表单被提交到服务器的时候，服务器接收到的值就是选中的那一项。同时，agegroup 对象的值也是选中的那一项的 value 属性的值。

一个组中的每一个 radio 按钮都代表一个 radio 对象，和 checkbox 类似，每一个都有 checked 和 value 属性，此属性对应于 HTML 标记中的 VALUE="...." 代码，和 checkbox 所不同的是当组里的一个 radio 按钮被选中时，则其它 radio 按钮将不会被选中。

现在问题来了：在一组 radio 按钮中，如何去访问其中的任何一个 radio 按钮？使用 radio 按钮组的名字 (如上边的 agegroup) 是不行的，它的值只是选中的按钮的值，那你要访问其它没有被选中的值该怎么办呢？看看下边的代码就知道了：

var rb; R原来使用组的名字 (如 agegroup) 作为数组，然后给数组加上下标即可 (如 agegroup[0] 是访问 agegroup 组中的第一个 radio 按钮)。另外要记住的是在这个数组中，只有一个元素的 checked 属性值是 true，因为任何时候都只有一个 radio 按钮被选中。请看 。

for (i = 0; i < document.forms["myform"].agegroup.length; i++) {
rb = document.forms["myform"].agegroup[1];
if (rb.checked) {
...
}
}

【select 和 option 对象】

使用 select 选项列表 (即是通常的下拉列表框之类的) 也是一种给用户提供选项的有用方法，看一下下边的代码：

<select size=1>
<option value="AL">Alabama
<option value="AK">Alaska
<option value="AZ">Arizona
<option value="AR">Arkansas
<option value="CA">California
<option value="CO">Colorado
<option value="CT">Connecticut
<option value="DE">Delaware
<option value="DC">District of Columbia
...
<option value="WY">Wyoming
</select> 一个 select 对象是由 <SELECT> 标记创建的。此对象的 options 属性是一个对应于 option 对象群的数组，每一个 <OPTION> 标记对应一个 option 对象，也就是对应一个 select 对象的选项。

注意：IE 3.0 不支持 select 和 option 对象。

select 对象的另外两个常用的属性是 length 和 selectedIndex 属性。length 属性是选项的个数，也就是 options 数组的元素个数；selectedIndex 属性则给出了被用户选中的那个选项在 options 数组中的下标。

下边的代码中，变量 i 是当前用户选中的那个选项在 options 中的下标，而第二行语句通过变量 options[1] 使得变量 s 指向被选中的选项对应的那个 option 对象：