HTML表单基础

    表单是HTML语言最有有用的功能之一。向表单添加javascript，将会增强表单的交互性，并可提供大量有用的特性。

    HTML表单从<form>标签开始。 

    <form>标签包括以下属性：

name 就是表单的名称

method可以是get也可以是post

action是CGI脚本，表单数据在提交时被发送

enctype 是表单加密时将采用的MIME类型

提交和重置表单

form对象有2个方法——submit（）和rest（）。form对象有2个事件处理程序：onSubmit（）和onRest（）。

form对象最重要的属性时elements数组，其中每个表单元素含一个对象。举例来说，下面2个表达式都引用order 表单中的第一个元素——name1文本字段：

document.order.elements[0];    document.order.name1

也可以使用DOM来访问表单元素。例如:

var fn =document.getElementById("firstName")

文本字段是最常用的表单元素。示例：

<input type="text" name="text1" value="http://www.mamicode.com/hello" size="30">

修改文本字段的值

document.order.userName.value = "http://www.mamicode.com/John Q.User"

text和textarea对象也有几个方法：

focus()、blur（）、select（）、onFocus（）、onBlur（）、onChange（）、onSelect（）

举例来说:

<input type="text" name="text1" onchange="window.alert(‘Changed.‘);">

按钮是最有用的表单元素类型之一

<input>标签，3中不同类型

1.type=submit  发送数据

2.type=rest  把所有表单字段恢复到默认值

3.type=button  通用按钮，本身不执行任何动作，通过javascript事件处理程序可以为它指定一个动作

下拉列表

示例：

<select name="select1" size="40">    <option value="http://www.mamicode.com/choice1" selected>first choice</option>    <option value="http://www.mamicode.com/choice2">second choice</option>    <option value="http://www.mamicode.com/choice3">third choice</option></select>

<select>标签还有一个可选属性——multiple，它可以指定允许选中多个选项。

Javascript基础知识6