我的漫漫程序之旅

专注于JavaWeb开发

Prototype1.6 实战 07 (Form)

<HTML>
 <HEAD>
  <TITLE> Form </TITLE>
<script src="prototype.js" type="text/javascript"></script>
<script>
        //所有text元素在form中
        function getText$()
        {
            var form = $('myForm');
            var texts = form.getInputs('text');
            texts.each(function(t)
            {
                alert("标签为:" + t.nodeName + " , 值为:" + t.value);
            });
        }
        //禁用form的所有元素
        function disabled$()
        {
            var form = $('myForm'); 
            // cycle between calling form.disable() and form.enable() 
            form[form.disabled ? 'enable' : 'disable']();
            form.disabled = !form.disabled;
        }
        // 激活form
        function enable$()
        {
            var form = $('myForm'); 
            // cycle between calling form.disable() and form.enable() 
            form[form.disabled ? 'enable' : 'enable']();
            form.disabled = false;
        }
</script>
 </HEAD>

 <BODY>
    <form id="myForm">
        <input type="text" id="username" /><br />
        <input type="text" id="age" /><br />

        <input type="button" value="测试" onclick="getText$();"/>
        <br />
        <input type="button" value="禁用" onclick="disabled$();" />
    </form>
    <button onclick="enable$();">我在form外.点我激活</button>
    <button onclick="serialize$();">serialize</button>
 </BODY>
<script>
      (function(){
          var form = $('myForm');
          //找到form表单的第一个元素 
          var v = form.findFirstElement();
          //焦点
          v.focus();
          //所有form的input元素
          alert(form.getInputs().size());
      }).call(this);
</script>
</HTML>

posted on 2008-07-25 13:28 々上善若水々 阅读(39) 评论(0)  编辑  收藏 所属分类: JavaScript


标题  
姓名  
主页
验证码 *  
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
 
 

相关链接:
网站导航:

导航

<2008年12月>
日一二三四五六
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910

统计

留言簿(12)

随笔档案(24)

文章分类(277)

文章档案(228)

搜索

最新评论

阅读排行榜

评论排行榜