当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js常见表单应用技巧

Javascript
JAVASCRIPT 实现普通日期转换多少小时前、多少分钟前、多少秒
javascript 根据指定字符把字符串拆分为数组
Javascript Select操作大集合
javascript 复杂的嵌套环境中输出单引号和双引号
判断脚本加载是否完成的方法
jquery cookie插件代码类
js 失去焦点时关闭层实现代码
jquery input checked全选与反选1.3.2的版本
jquery 实现斜导航效果
javascript 日期时间函数(经典+完善+实用)
让按钮失效5秒的js代码
关于JavaScript的一些看法
[原创]js 日期加红代码 适用于各种cms
input 宽度自适应
javascript AutoScroller 函数类
Jquery 基础学习笔记之文档处理
js 键盘方向键 文章翻页跳转的效果[小说站常用]
Javascript 日期对象Date扩展
JS 文字符串转换unicode编码函数
帮助避免错误的Javascript陷阱清单

Javascript 中的 js常见表单应用技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 389 ::
收藏到网摘: 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"/>