繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js常见表单应用技巧
- Javascript
- document.createElement()用法及注意事项
- Javascript教程：关于内存泄漏问题
- 延迟事件为0的setTimeout的真正目的
- JavaScript图片特效代码下载
- AJAX初学:IE缓存页面的问题
- AJAX中DOM的操作方法
- AJAX中文乱码的两类问题
- javascript程序的执行效率问题
- 网页用户注册界面的设计
- ajax应该如何应用？
- 详解Javascript匿名函数的使用
- Ajax：研究密码强度规则(仿google)
- JavaScript学习教程
- 网页制作中常用的Javascript代码
- 深入学习Javascript函数
- JS的Object类的属性和方法
- Javascript初学者实例教程(1):简单交互
- Javascript初学者实例教程(2):event对象和事件
- Javascript初学者实例教程(3):数组和slice()方法
- Javascript初学者实例教程(4):对象和构造方法
Javascript 中的 js常见表单应用技巧
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 430 ::
收藏到网摘: n/a
显示框架内的指定位置 改变文本框的属性 改变文本框的属性 改变文本框的属性（下拉列表） 显示框架内的指定位置
<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"/>
评论 (0) All
