表单的隐藏和显示

最新推荐文章于 2023-04-12 21:24:46 发布
最新推荐文章于 2023-04-12 21:24:46 发布
阅读量673 收藏
点赞数
文章标签： function input javascript table action 出版
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hexzwj/article/details/2753633
版权
 <html>
    <head>
        <title>网上书店</title>
        <SCRIPT LANGUAGE="JavaScript">
            <!--
                function fsubmit()
                {
                 if(searchForm.rcond[0].checked)
                 {
                  searchForm.action="list?c=all"
                 }
                 else if(searchForm.rcond[1].checked)
                 {
                  searchForm.action="list?c=precision"
                 }
                 else
                 {
                     searchForm.action="list?c=keyword"
                 }
                }
                function hideall()
                {
                    if(searchForm.rcond[0].checked)
                    {
                        pre.style.display = "none";
                        key.style.display = "none";
                    }
                }
                function showpre()
                {
                    if(searchForm.rcond[1].checked)
                    {
                        pre.style.display = "";
                        key.style.display = "none";
                    }
                    else
                    {
                        pre.style.display = "none";
                    }
                }
                function showkey()
                {
                    if(searchForm.rcond[2].checked)
                    {
                        key.style.display = "";
                        pre.style.display = "none";
                    }
                    else
                    {
                        key.style.display = "none";
                    }
                }
            //-->
        </SCRIPT>
    </head>
    <body>
        <form name="searchForm" action="" method="post" >
            <input type="radio" name="rcond" >查看所有图书<p>
            
            <input type="radio" name="rcond" >精确搜索<p>
            <table id=pre style="DISPLAY: none">
                <tr>
                    <td>书名:</td>
                    <td><input type="text" name="title"></td>
                </tr>
                <tr>
                    <td>作者:</td>
                    <td><input type="text" name="author"></td>
                </tr>
                <tr>
                    <td>出版社:</td>
                    <td><input type="text" name="bookconcern"></td>
                </tr>
            </table><p>
            
            <input type="radio" name="rcond" >关键字搜索<p>
            <table id=key style="DISPLAY: none">
                <tr>
                    <td>请输入关键字:</td>
                    <td><input type="text" name="keyword"></td>
                </tr>        
            </table><p>
            
            <input type="reset" value="重新输入">
            <input type="submit" value="搜索">
        </form>
    </body>
</html>
hexzwj
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
隐藏表单方法
04-04
软件在运行时有些表单老是显示在窗口既不美观也不方便
jQuery实现根据类型自动显示和隐藏表单
10-24
主要给大家分享了jQuery实现根据类型自动显示和隐藏表单的代码，非常的简单实用，仅仅10行代码，推荐给大家，希望能给大家一些提示。
隐藏form表单下载文件
java_trainee的博客
06-23 9725
java实现隐藏form表单下载文件
form表单隐藏域
a919119690的博客
06-08 1973
在form表单action中请求的servlet如果需要设置参数但是又不想显示出来则可以使用到隐藏域 这样是没有使用的 <form action="filmServlet.action?op=1" method="post"> 用户名<input type="text" name="uname" id="uname"/> 密码<input type="password" name="upwd" id="upwd"/>
表单的显示与隐藏
xiaoyu_alive的博客
02-10 7570
输入框输入数据，点击 显示按钮 显示表单信息，显示的信息和输入框输入的内容有关，不同的输入显示不同的表单信息。 点击隐藏按钮，可以隐藏表单信息。
type = hidden 隐藏域有什么作用？
苦修的木鱼博客
02-15 1520
type = hidden 隐藏域有什么作用？1、 隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。 2、 有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用cookie实现，但使用隐藏域就简单的多了．而
基于JavaScript实现表单密码的隐藏和显示出来
10-22
为了网站的安全性，很多朋友都把密码设的比较复杂，但是如何密码不能明显示，不知道输的是对是错，为了安全起见可以把密码显示的，那么...下面通过本文给大家介绍JavaScript实现表单密码的隐藏和显示，需要的朋友参考下
vue表单中遍历表单操作按钮的显示隐藏示例
10-16
本文将深入探讨如何在Vue中实现表单操作按钮的动态显示和隐藏，以应对复杂场景下的用户交互需求。 首先，我们需要在Vue组件的`data`选项中定义相关的状态变量来控制按钮的可见性。在给出的例子中，有`passSaveShow`...
基于vue 实现表单中password输入的显示与隐藏功能
10-16
在Vue.js框架中，开发表单时经常需要处理密码输入的显示与隐藏功能，以便用户在需要时查看或隐藏他们的输入。以下是如何使用Vue来实现这一功能的详细步骤。 首先，我们创建一个简单的HTML结构，其中包括一个用于...
用javascript怎么实现一个form的隐藏与显示
小贺的博客
05-21 1万+
&lt;form id='fm'&gt; //隐藏 document.getElementById('fm').style.display='none'; //显示 document.getElementById('fm').style.display=''; //隐藏 document.getElementById('fm').style.display='none'; //显示 docume...
LayuiForm表单.txt
12-10
form表单元素包括：text 文本输入框，password密码输入框，checkbox复选框，radio单选框，file 文件域，submit表单提交action指向的文件，reset表单清空，image图片提交按钮，button按钮，hidden隐藏域。 select option select 实现下拉选 callback 是回调函数 layui.模块   模块可以是layui已经存在的模块，也可以通过layui.define([mods], callback) 来自己自定义模块。 如果想要使用模块首先要做的必然是加载模块，layui.use(['laypage', 'layedit'], function(){}); 接下来使用layui风格控件  其实感觉layui帮我们定义好了CSS和许多JS文本，我们需要做的只是按照layui的命名规范选好样式进而使用就可以了。  layu官方文档的命名规范为： CSS命名规范 class命名前缀：layui，连接符：-，如：class="layui-form" 命名格式一般分为两种： 一：layui-模块名-状态或类型 二：layui-状态或类型 因为有些类并非是某个模块所特有，他们通常会是一些公共类。如： 一（定义按钮的原始风格）：class="layui-btnlayui-btn-primary" 二（定义内联块状元素）：class="layui-inline" 1 2 3 4 5 6 7 8 9 当然还有前面提到的使用模块的js代码： layui.use(['form', 'layedit', 'laydate'], function(){   var form = layui.form   ,layer = layui.layer   ,layedit = layui.layedit   ,laydate = layui.laydate;   //日期   laydate.render({     elem: '#date'   });   laydate.render({     elem: '#date1'   });   //创建一个编辑器   var editIndex = layedit.build('LAY_demo_editor');   //自定义验证规则   form.verify({     title: function(value){       if(value.length < 5){         return '标题至少得5个字符啊';       }     }     ,pass: [/(.+){6,12}$/, '密码必须6到12位']     ,content: function(value){       layedit.sync(editIndex);     }   });   //监听指定开关   form.on('switch(switchTest)', function(data){     layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {       offset: '6px'     });     layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)   });   //监听提交   form.on('submit(demo1)', function(data){     layer.alert(JSON.stringify(data.field), {       title: '最终的提交信息'     })     return false;   }); }); 下面我们按照官方文档的开发规范使用一下form表单的例子       表单集合演示           单行输入框                       验证必填项                             验证手机                                   验证邮箱                                       多规则验证                                   验证日期                                   验证链接                                 验证身份证                       自定义验证                   请填写6到12位密码               范围                           -                                 单行选择框                   </opt
表单 隐藏域 PHP,表单隐藏域与display:none
weixin_29846499的博客
03-19 308
有时候前端进行表单填写是分步骤的，每一步的时候其他步骤相关的表单视图不可见；针对"不可见"，以下有两种处理方式：①display：none这种方式呢，比较简单，就是将三个步骤分3个div，事件触发相关视图的显示与隐藏；②定位这和轮播图的实现原理相同，三个步骤div作为行内块状元素，在一行排列，总宽度为width，并用一个大div包住，称为wrapB；然后再在外面用wrapA包住；wrapA(pos...
表单中的隐藏域
pink5552的博客
06-09 522
基本语法： 作用：1 隐藏域在页面bai中对于du用户是不可见的，在表单中插入隐藏域的目的在于zhi收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。 2 有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用cookie实现，但使用隐藏域就简单的多了．而且不会有浏览器不支持，用户禁用cookie的烦恼。 3 有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那
Dojo隐藏表单域
Kyle的专栏
06-18 1404
 
layui-form下隐藏元素的验证问题
我的博客
04-12 796
设置为display:none的必填字段，在点击提交（form 包含 class=“layui-form”；button包含属性 lay-submit）的时候，依旧验证。
列表Field属性的巧妙运用（隐藏栏）
09-02 254
原文链接：http://www.cnblogs.com/wanghao-3/archive/2007/11/05/949535.html http://www.msotec.com/showtopic-916.aspx SPD修改方法： 首先，打开要改页面的源文件，找到要改的栏ID。 如果是显示页面的栏ID比较短，如： SPFieldText；如...
【无标题】layui 的layui-form-label不显示,隐藏,省略
qq_30151813的博客
02-25 1284
<style> .layui-form-label { width: 200px !important; text-align: center !important; } .layui-input-block { margin-left: 200px !important; } </style>
【html标签 表单隐藏域】input表单隐藏域及其使用方法
热门推荐
晚秋星辰
02-13 10万+
一、表单隐藏域隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。 代码格式：＜input type="hidden" name="..." value="..."＞ 属性解释： type=”hidden”定义隐藏域； name属性定义隐藏域的名称，要保证数据的准确采集，必须定义
解决layui隐藏域：不显示问题（含案例、代码、截图）
草巾冒小子的博客
08-10 2663
layui 隐藏域：不显示问题（案例篇） 自定义的隐藏域不显示？ 只需要给隐藏域添加一个layui-input类名即可，其他不用改变。 案例 · 效果图： 代码示下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale
form表单的显示和隐藏
最新发布
06-08
要实现表单的显示和隐藏，可以通过JavaScript来控制表单元素的style.display属性。具体来说，可以通过以下代码实现表单的显示和隐藏： HTML代码： ``` <label for="name">Name: ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值