js常见表单应用技巧

2016-02-19 08:56 7 1 收藏

下面图老师小编跟大家分享js常见表单应用技巧,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发 】

显示框架内的指定位置
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"/

来源:http://www.tulaoshi.com/n/20160219/1588888.html

延伸阅读
标签: 周公解梦 解梦
梦见表 手表 梦里的手表,具有和钟类似的含义。但除此以外,按照传统的解梦观点,还有一些不同的寓意。 梦见往手腕上戴手表,暗示事业发展中可能将经历起伏。 孕妇梦见手表,有可能暗示分娩会不顺利,但最终无碍。 商人梦见手表,还有可能预示将出门远行。 梦见手表停了,可能表示工作或学业上将面临挫折,经...
标签: Web开发
导读:表单聚焦看似一个很小的功能,但也能提高网站的用户体验,当然用JS实现十分简单,本文主要从最基本开始分析如何制作表单自动聚焦的页面。 在登陆界面中,通常,最重要的部分为登陆的Form表。一个非常棒的提升体验的做法是,在载入页面时自动聚焦到第一个提供用户输入的表单框,让用户不用再多一个点击,就可以输入。这被很多网站采用...
Struts的动态表单的应用 假如你使用过struts先前的版本,你就会注重到你需要花费大量的时候来写ActionForm类文件,而这些类文件对于struts都是非常要害的(它充当“View”的一部分),通常它的结构就是bean properties在加上一个validate方法(有时还有reset方法)。 随着struts1.1版本的推出,开发员有了另外一种方法来完成...
标签: Web开发
在我们写javascript的时候经肯定会经常用到 document.getElementById() 这个方法,这么长一串很容易写错,而且其中getElementById又有大小写之分。   其实prototype.js里提倡的一个方法就是使用$()简写,通过以下的函数,你可以用$('id')来实现document.getElementById('id') 这个功能,怎么样,很爽吧!  ...
标签: Web开发
说明:JavaScript脚本,验证表单中的数据项  begin  -------------------------------------------------------------------------------  */  function checkForm(objFrm){  var len = 0;  len = objFrm.elements.length;  var i = 0;  va...

经验教程

744

收藏

47
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部