1.提交表单

submit

onsubmit

 

2.表单的change事件

input与textarea元素的change事件触发在，他们失去焦点且value值改变的时候

select的change事件发生在选项改变的时候

 

3.选中文本select()与获取选中的文本

在文本框获得焦点的时候默认选中其中所有文本，用以提高用户体验。

if(window.getSelection){
      //现代浏览器userSelection=window.getSelection();     }elseif(document.selection){
      //IE浏览器 考虑到Opera，应该放在后面userSelection=document.selection.createRange();     }

 

当然jQuery对象也有select()方法。

jQuery的复制方法 clone()。

 

一个例子：

 

 

4.访问剪贴板的数据 clipboardData

有三个方法：getData(),setData(),clearData()

 

5.自动切换焦点

当达到一定长度之后 下个input自动获得焦点

 

6.<select>和<option>的花式玩法

add(newOption,relOption);向控件中插入元素

multiple：多选

options:所有<option>元素的HTMLCollection

remove(index):移除给定位置的选项

selectedIndex

size:选择框中可见的行数

 

可以使用:

var newOption=new Option("Option text","Option value"); selectbox.appendChild(newOption);

添加一个选项

 

7.appendChild()

可以用来将一个列表中的项移动到另外一个列表最后，注意是移动~

例子：

   
       
        
Coffee
        
Tea
       
 
       
        
Water
        
Milk
       
   
请点击按钮把项目从一个列表移动到另一个列表中。
   亲自试一试   

 

 

我们想的可能是：将water从第二项中删除，然后生成一个文本water,给一追加上。

然而，并不需要这样只需要appendChild()，就会自然的将water从二项中移除，添加到一项中。

jQuery中的append效果也是如此。