关于style.display的用法

最新推荐文章于 2022-03-18 18:40:48 发布
最新推荐文章于 2022-03-18 18:40:48 发布
阅读量681 收藏
点赞数
分类专栏： 总结资料 文章标签： 正则表达式
<html>
<head>
<title></title>
</head>
<script>
function changeMe()
{
var chval = document.form1.chval.value;
if(chval==1)
{
form1.strval.style.display="block";
form1.intval.style.display="none";
form1.datval.style.display="none";
}else if(chval==2)
{
form1.intval.style.display="block";
form1.strval.style.display="none";
form1.datval.style.display="none";
}
else if(chval==3)
{
form1.intval.style.display="none";
form1.strval.style.display="none";
form1.datval.style.display="block";
}
}
function textchang()
{
//对数字的验证是要改变了text里的值，并且鼠标移开了以后才进行验证的。
var intval = form1.intval.value;
var reg = /\d*/; //这是正则表达式方法,即是0个或0个以上数字. 如果把*换成+则表示至少一个数字
var res = reg.test(intval);
if(!res){
alert("只能填数字!");
return ;
}
}
</script>
<body>
<form name="form1" action="" method="post">
<select name="chval" onChange="changeMe()">
<option value="1">String</option>
<option value="2">int</option>
<option value="3">date</option>
</select>
</p>
<input type="text" id="strval" name="strval" value="strval" style="display:block">
<input type="text" id="intval" name="intval" value="intval" style="display:none" onChange="textchang()">
<input type="text" id="datval" name="datval" value="datval" style="display:none">
</form>
</body>
</html>
hongmei_khm
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用js提交的form表单在另个界面怎么接收_大数据从入门到深入：JavaEE 之?HTML+CSS+JS综合练习...
weixin_39735247的博客
12-16 782
3.1 项目概述1. 项目名称 : 人员信息管理系统2. 项目需求 : 利用现有技术对人员信息进行可视化管理3. 项目概述 : 假设需要对某行业人员信息进行管理,该行业人员信息数据样本如下 现因为人员管理较为复杂所以需要你使用HTML+CSS+JS技术完成对现有人员的 查询 添加 删除 修改 的数据管理 3.2 需求实现 3.2.1 样例展示 人员信息展示添加人员信息更新人...
Style.display 的用法
Bryan's Column
05-30 1万+
使用Style.display 样式时，显示对象用 obj.style.display = "block";隐藏对象用 obj.style.display = "none"附：display 语法 Syntax HTML { display : sDisplay }
css样式display属性
qq_63196297的博客
10-22 532
块级元素：占满一行的，后面的内容会换行，即使制定了元素的宽度也一样 div,p,h1,列表ul li 行内元素:不会换行，内容在同一行显示，内容有多少容器就多大，给元素设置width宽度,height高度,line-height行高以及上边距，下边距无效 行内块级元素：综合了快和行内的特性，自身大小区域是块，但是不会换行,img,input 改变元素的特性 * display:block;改变为块级元素 <span style="display:block;">将span改变为块级元素&l
【无标题】
weixin_57991378的博客
02-23 1030
1、.style.display=""和.style.display="none"的区别 实例：document.getElementById("直接写某一个id的值").style.display=""; .style.display="" ：清除屏幕样式，使用默认值，使网页代码上显示的内容彻底删除消失，不为其保留任何隐藏空间 .style.display="none" ：none是指代某一代码，将这个代码进行隐藏，并没有进行删除，为其保留隐藏空间，等待其他代码读取写入 ----------...
关于input style属性兼容性问题
.
05-21 4649
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script> window.onload = function(){ //当修改input的style的属性的时候在ie6 ie7 ie8存在兼容性的问题 //当input元素还未插入文档流之前，是可以修改它的值的，在ie和ff下都没问题。但如果input已经存在于页面， //其type属性在ie下就成了只读属性了，不可以修改。在ff下仍是可读写属性。 var olnp
js style.display=block显示布局错乱问题的解决方法
10-21
当我们使用`style.display = 'block'`来显示一个原本被隐藏（通常设置为`'none'`）的表格行或单元格时，可能会遇到以下两种常见问题： - **宽度问题**：在多列表格中，如果将某行的`display`属性设置为`'block'`...
JS中style.display和style.visibility的区别实例说明
10-27
下面的例子说明了这种区别：在这个例子中，divContent1和divContent2隐藏的时候用的是style.display=none，这时候，后面的div会向上移动，占据已经隐藏的div的空间。divContent3和divContent4用的是style.visibility...
JS中style.display和style.visibility的区别实例说明.docx
01-21
在上面的实例中，divContent1 元素使用 style.display = "none" 隐藏，divContent2 元素使用 style.visibility = "hidden" 隐藏。虽然它们都被隐藏了，但是它们的行为却不同。divContent1 元素将完全消失，不占据...
js中style.display=""无效的解决方法.docx
01-21
1. **使用`style.display="block"`：** 当元素原本的`display`值为`none`时，设置`style.display="block"`可以使其重新显示。这是因为`block`是块级元素的默认显示方式，它会使元素占据一行空间。因此，修改后的...
display属性值:
wenwen_2008的专栏
10-24 3152
display属性值: none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。 compact
Web CSS #id 标签选择器 style display 类选择器.class 使用CSS的三种方式 列表装饰 绝对定位
qq_45858803的博客
03-18 989
文章目录CSS使用的三种方式内联定义方式实现代码实现结果样式块方式实现代码显示结果链入外部样式表文件实现代码图是结果#id 选择器 #id名实现代码实现结果标签选择器 标签名实现代码实现结果类选择器 .类名实现代码图是结果列表装饰实现代码图是结果绝对定位实现代码显示结果 CSS使用的三种方式 内联定义方式 实现代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m
CSS 字体样式
a804847944的博客
06-29 212
　　定义字体的各个属性，可以让页面板式变得更好看。 　　字体样式包括字体类型、大小、颜色基本效果，另外还包括一些特殊的样式，如字体粗细、下划线、斜体、大小写样式等。 一、定义字体类型 　　font-family 属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。 　　语法： font-family:name; 　　name：表示字体名称，可以使用多种字体...
style.display问题
kemy88的专栏
03-06 4563
style.display的属性在这我就不多说了。。用得最多的无非是隐藏:none显示:block(表示块级)或者是style.display= 以下主要是介绍我在使用中遇到的问题我想实现的效果是利用某个事件来控一个表格的一列隐藏与显示第一段是错误的代码：原因是div的style.display是块级别的.它和的位置放得不当show1aabba1b1a2b2fu
DIV实现隐藏与显示
wjlgryx的专栏
05-06 335
css中display属性的参考值： display:none 此元素不会被显示。 display:block 此元素将显示为块级元素，此元素前后会带有换行符。 display:inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 display:inline-block 行内块元素。（CSS2.1 新增的值） display:list-item 此元素会作为列表显示。 dis...
display: block 的意思
王雷
08-10 2993
table1.style.display=block,        block表示该元素显示为一个块级元素，单独占一行        none表示该元素不显示，并且不在网页上占位---------------------------------------------------------------------------------------------------dis
JSP应用实践总结
小小默：进无止境
04-07 1万+
JSP页面插入CSS样式有三种方法，且其优先级不同。具体如下：外部样式，内部样式，内联样式。优先级依次增高！【1】外部样式 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用<link>标签链接到样式表。<link rel="stylesheet" type="text/css" href="<%=uiPath%
<input type="button" style="display:none">隐藏按钮显示
热门推荐
这个昵称90天可改一次
10-31 1万+
if($.trim($("#feeType").val())=="zj"){     $("#goonpay").css("display","inline");    }
JS中style.display和style.visibility的区别
交换一个思想，能得到俩思想
01-10 8349
在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示，在style.display=block和style.visibility=visible的时候，元素被显示，在style.display=none和style.visibility=hidden的时候，元素被隐藏。它们之间最大的区别是通过style.display=none隐藏的时候，元素不
js style.display 不显示
最新发布
08-30
在JavaScript中，可以使用style.display属性来控制元素的显示和隐藏。当style.display被设置为"none"时，元素将被隐藏，...以上就是关于JavaScript中使用style.display属性来实现元素不显示的解答。希望对您有所帮助！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值