文本框、选项下拉列表里的几个属性与select方法

文本框里的几个属性:

value:设置文本框里的初始文字。

disabled:默认为false 当为true时该文本框禁用。

readOnly:默认为false 当为true时该文本框不能输入文字只能阅读。

focus();该方法可以设置默认获取焦点。

以下为实验代码:

!DOCTYPE html>

	
		
		
	
	
		
//当按下按钮时设置禁用和只读 默认获取焦点

选项里的几个属性(包括checkbox radio选项类型)

disabled:设置是否禁用这个选项;

value:获取该标签的value值;



	
		
		
	
	
		
			
		
		
足球 篮球 羽毛球

下拉列表里的几个属性

通过给select一个 name 或者class (注意下标的问题因为可能有多个select)(id也行) 来用document.getElementsByName 或者ClassName 来获取下拉列表里的选项

从而可以用length属性来获取选项的个数

selectedIndex属性来获取选中选项的位置

value属性获取相应option标签里包裹的内容(value可以设置,但默认为标签内包裹的内容)

text属性获取相应option标签里包裹的内容

下面options是包含下拉列表里所有标签的数组

!DOCTYPE html>

	
		
		
	
	
		
			
		
		

select里的几个方法:

添加选项可以通过new Option()add()方法来实现

删除选项可以通过remove()方法来实现

示例代码



	
		
		
	
	
		
		
		
	

 

你可能感兴趣的:(网页开发)