JavaScript前端开发实用技术教程第6章 .pptVIP

option标签的常用属性及说明 属 性 具 体 描 述 value 定义菜单项的值 selected 如果指定摸个菜单项的初始状态为“选中”，则在对应的option标签中使用selected属性 【例6-6】 form id=form1 name=form1 method=post action=ShowInfo.php select name=city id=city option value=北京 selected北京/option option value=上海上海/option option value=天津天津/option option value=重庆重庆/option /select /form 【例6-6】的浏览界面 6.1.7 按钮 属 性 具 体 描 述 name 用来标记一个按钮 value 定义按钮显示的字符串 type 定义按钮类型 onclick 用于指定单击普通按钮时的动作 【例6-7】 form id=form1 name=form1 method=post action=ShowInfo.php input type=submit name=submit id=submit value=提交 / input type=reset name=reset id=reset value=重设 / input type=button name=hello onclick=alert(hello) value=hello / /form 【例3-7】的浏览界面 单击“hello”按钮弹出的对话框 在HTML5中button标签的常用属性及说明 属 性 具 体 描 述 autofocus HTML 5的新增属性，指定在页面加载时，是否让按钮获得焦点。HTML5的新属性 disabled 禁用按钮 name 指定按钮的名称 value 定义按钮显示的字符串 type 定义按钮类型。type=submit指定提交按钮，type= reset表示定义重置按钮，type=button表示定义普通按钮 onclick 用于指定单击普通按钮时的动作 【例6-8】 form id=form1 name=form1 method=post action=ShowInfo.php button type=submit name=submit id=submit提交/button button type=reset name=reset id=reset重设/button button type=button name= onclick=alert(hello)/hello/button /form 6.2 使用JavaScript访问和操作表单元素 6.2.1 获取表单对象 6.2.2 获取表单元素对象 6.2.3 操作表单元素 6.2.1 获取表单对象 1．使用document.getElementById()方法获取表单对象 2．使用document.getElementsByName()方法获取表单对象 3．使用document. getElementsByTagName ()方法获取表单对象 4．使用document.forms数组获取表单对象 1．使用document.getElementById()方法获取表单对象 使用document.getElementById()方法可以根据指定的 id 属性值得到对应的DOM对象，语法如下： obj = document.getElementById ( sID ) obj返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一个。如果无符合条件的对象，则返回 null 。 【例6-9】 html head script type=text/javascript function getName() { var x=document.getElementById(formid) alert() } /script /head form id=formid name=myform method=post action=ShowInfo.php button type=button name= onclick=getName()/获取表单名/button /form /html 2．使用document.getElementsByName()方法获取表单对象 使用document.getElementsByName ()方法可以根据指定的Name属性值得到对应的DOM对象，语法如下： objs = docume