最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
javascript 使用DOM设置文本框、单选按钮、复选框、下拉菜单
时间:2015-10-18 编辑:简简单单 来源:一聚教程网
使用DOM设置文本框
1.控制用户输入的字符个数
对于单行文本框和密码输入框,可以利用maxlength属性控制用户输入的字符个数。
对于多行文本,maxlength为自定义属性,其值最多输入的字符的个数,在onkeypress事件发生时则调运返回LessThan()函数返回值,函数如下
<textarea name="comments" id="comments" cols="40" rows="4" maxlength="50" onekeypress ="return LessThan(this);">
详细代码
2.设置鼠标经过自动选择文本
首先是鼠标经过时自动聚焦 onmouseover = "this.focus"
其次是 onfocus = "this.select()"
代码实例:
对于多个代码实例,可以使用以下代码进行聚焦
使用DOM设置单选按钮、复选框、下拉菜单
1.设置单选按钮
单选按钮在表单中即它是一组供用户选择的对象,但每次只能选一个。每一个都有checked属性,当一项选择为ture时,其它的都变为false.
先贴沙漠化一个例子:
单选按钮在表单中即它是一组供用户选择的对象,但每次只能选一个。每一个都有checked属性,当一项选择为ture时,其它的都变为false.
从以上代码中看出,id和name是不同的,一组单选按钮中它们的name是相同的,只有一个被选中。id则是绑定
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31