显示框架内的指定位置 <div style='width:300px;height:300px;'><iframe src='http://163.com' style='margin:-100px;width:100%;height:100%'></iframe></div> 改变文本框的属性(确定按钮) <form id="form1" name="form1" method="post" action=""> <input name="text" type="text" value="sdafasdfasdf" id="name"/> <input type="button" name="Submit" value="更改" onClick="tot()"/> </form> <SCRIPT LANGUAGE="JavaScript"> <!-- function tot() { if (document.form1.name.disabled == true) { document.all.name.disabled=false; } else { document.all.name.disabled=true; } } //--> </SCRIPT> 注:以下的readOnly的O必须为大写r必须为小写 <SCRIPT LANGUAGE="JavaScript"> <!-- function tot() { if (document.all.name.readOnly == true) { document.all.name.readOnly=false; } else { document.all.name.readOnly=true; } } //--> </SCRIPT> 改变文本框的属性(单选按钮) <script language="javascript"> <!-- function cStyleshow() { document.all.name.disabled=false; } function cStylehidde() { document.all.name.disabled=true; } --> </script> <input name='a1' type='radio' value='yes' checked onclick='cStyleshow()'>1 <input name='a1' type='radio' value='no' checked onclick='cStylehidde()'>2 <input name="name" type="text" id="name"> 改变文本框的属性(下拉列表) <select name="s1" onChange="if(this.value==1){document.all('T1').readOnly=true}else{document.all('T1').readOnly=false}"> <option value="1">1</option> <option value="2">2</option> </select> <input type="text" name="T1"/>
推荐阅读
JavaScipt基本教程之前言
JavaScript 参考教程 本教程为未接触过 JavaScript 的读者提供了比较完善的初级知识,但只限于初级知识:所有与动态网页密切相关的 JavaScript 在本教程中都未提及,包括动态定位、动画、让文档接收更多事件(d>>>详细阅读
本文标题:js常见表单应用技巧
地址:http://www.17bianji.com/kaifa2/JS/29879.html
1/2 1