js常见表单应用技巧 程序员文章站 2023-11-27 19:36:58 显示框架内的指定位置 显示框架内的指定位置 <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"/> 上一篇: 制作符合用户体验的漂亮的input输入框 下一篇: 快速解决Canvas.toDataURL 图片跨域的问题 推荐阅读 JS多个表单数据提交下的serialize()应用实例分析 js常见表单应用技巧 JS多个表单数据提交下的serialize()应用实例分析 js常见表单应用技巧 提高Node.js性能的应用技巧分享 Node.js五大应用性能技巧小结(必须收藏) ajaxrequest.js ajaxrequest 0.7最新版 使用AJAXRequest进行AJAX应用程序开发入门小技巧 分享一些不常见却很实用的JS技巧 MySQL使用的常见问题解决与应用技巧汇总 ppt操作技巧大全(适应范围最广)解决工作应用中的常见问题