开发学院网页设计 JavaScript JavaScript DOM学习第五章：表单简介阅读

JavaScript DOM学习第五章：表单简介

　2010-03-30 00:00:00　来源：WEB开发网　　　

核心提示： 有些时候，最好还是使用表单和元素的name比较好，JavaScript DOM学习第五章：表单简介(4)，在HTML中，你需要给每个元素命名，textarea和隐藏的字段非常简单：1user_input=document.forms[0].text.value其中text就是文本框或者texta

有些时候，最好还是使用表单和元素的name比较好。在HTML中，你需要给每个元素命名，比如：

1　<form　name="personal"　action="something.pl"　> 2　<input　type=text　size=20　name=name> 3　<input　type=text　size=20　name=address> 4　<input　type=text　size=20　name=city> 5　</form>

现在你就可以通过下面的方法来访问元素：

1　document.personal.name 2　document.personal.address 3　document.personal.city

使用name的好处就在于你能把页面的所有元素顺序打乱的时候代码依然能够运行，如果用数组就不行。比如上面例子中的city的输入框是 document.forms[0].elements[2]，但是当你把他放在第一个的时候就变成了 document.forms[0].element[0]，这时候你就得改代码了。

值的检测

当然，最重要的事情还是找出用户填进去的值或者选择了的复选框。有些时候你还想填一些其他信息在表单里。

下面的这些小段的代码能够帮助你访问到表单里的元素。所有的都是把用户输入保存在user_input变量中。之后，你就可以检测有效性了。

Texts，textarea和隐藏的字段

非常简单：

1　user_input　=　document.forms[0].text.value

其中text就是文本框或者textarea或者隐藏字段的name。value属性就会给出这些元素的文本，然后存储在user_input里。

直接写也可以：

1　document.forms[0].text.value　=　'The　new　value';

Select Boxes

这也很简单：

1　user_input　=　document.forms[0].select.value;