js常见表单应用技巧

规划局409

规划局409

2016-02-19 08:56

下面图老师小编跟大家分享js常见表单应用技巧,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~
显示框架内的指定位置
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"/
展开更多 50%)
分享

猜你喜欢

js常见表单应用技巧

Web开发
js常见表单应用技巧

孕妇缺锌的常见表现

电脑网络
孕妇缺锌的常见表现

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

宝宝偏食的常见表现

电脑网络
宝宝偏食的常见表现

亚健康的常见表现有哪些

电脑网络
亚健康的常见表现有哪些

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

这些就是抑郁症的常见表现

电脑网络
这些就是抑郁症的常见表现

初探jquery——表单应用范例

Web开发
初探jquery——表单应用范例

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Objective-C处理空字符串和页面传值及自定义拷贝

Objective-C处理空字符串和页面传值及自定义拷贝

用javascrpt将指定网页保存为Excel的代码

用javascrpt将指定网页保存为Excel的代码
下拉加载更多内容 ↓