社区
JavaScript
帖子详情
请教:关于页面中的隐藏某部分的问题
huixyn
2003-09-18 02:59:31
如何实现在页面中隐藏某部分,而另一部份显示呢?请高手赐教!
...全文
46
3
打赏
收藏
请教:关于页面中的隐藏某部分的问题
如何实现在页面中隐藏某部分,而另一部份显示呢?请高手赐教!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
huixyn
2003-09-18
打赏
举报
回复
我懂了,thank you!
huixyn
2003-09-18
打赏
举报
回复
不解:(
能否说明一下?
zhaoweiwei
2003-09-18
打赏
举报
回复
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用户名</title>
<script language="javascript">
function word_show()
{
word.style.visibility='visible';
}
function word1_show()
{
word1.style.visibility='visible';
}
function word_hidden()
{
word.style.visibility='hidden';
}
function word1_hidden()
{
word1.style.visibility='hidden';
}
function word2_show()
{
word2.style.visibility='visible';
}
function word2_hidden()
{
word2.style.visibility='hidden';
}
function word3_show()
{
word3.style.visibility='visible';
}
function word3_hidden()
{
word3.style.visibility='hidden';
}
function form_submit()
{
if(f1.t1.value=="")
{ //验证用户名是否为空
alert("请您输入用户名")
}
else if(f1.t4.value!=f1.t2.value) //验证用户两次所输入的密码是否一致
{
alert("您两次所输入的密码不同请您重新输入");
f1.t4.value="";
f1.t2.value="";
f1.t4.focus();
}
var email_string=f1.t5.value; //验证用户所输入的Email地址的合法性
if(email_string.indexOf("@")==-1)
{
alert("您所输入的Email邮箱地址不合法,请您重新输入");
f1.t5.focus();
}
}
</script>
</head>
<body>
<form name="f1">
<p align="center"><b><font size="4" color="#008000">用户信息输入表</font></b></p>
<p align="left">
<span lang="zh-cn">用户名</span>:
<input type="text" name="t1" onFocus="word_show()" onBlur="word_hidden()" size="20"> <input type="button" value="检验" name="B2"> <span style="visibility: hidden"><font size="2" color="#FF0000" id='word' >用户名请不要输入中文,其中不能包括?、*、#等符号</font></span></span></p>
<p align="left"><span lang="zh-cn">密码</span>:
<input type="password" size="20" name="t4" onFocus="word1_show()" onBlur="word1_hidden()" > <span style="visibility: hidden"><font color="#FF0000" id='word1' size="2">密码长度不能小于5位</font></span></p>
<p align="left"><span lang="zh-cn">确认密码</span>:
<input type="password" size="20" name="t2" onFocus="word2_show()" onBlur="word2_hidden()" > <span style="visibility: hidden"><font color="#FF0000" size="2" id='word2'>两次所输入的密码必须一致</font></span></p>
<p align="left">Email<span lang="zh-cn">地址</span>:
<input type="text" name="t5" size="20" onFocus="word3_show()" onBlur="word3_hidden()"> <span style="visibility: hidden">
<font color="#FF0000"><span lang="zh-cn"><font size="2" id="word3">请您输入您在检察机关局域网中的邮箱地址</font></span></font></span></p>
<p align="left"> </p>
<p align="center"><input type="submit" value="提交" name="B1" onClick="form_submit()">
<input type="submit" value="重新输入" name="b3" onClick="f1.t1.value=''"></p>
</form>
</body>
</html>
关于移动端元素定位在
页面
可视区外,超出
部分
隐藏
的
问题
本文介绍了在移动端
页面
中
实现元素超出可视区
隐藏
的两种方法:一是改变定位方式使用fixed定位;二是通过增加一层div包裹并设置overflow:hidden。这两种方法有效解决了移动端
页面
中
超出
部分
不被
隐藏
的
问题
。
(饿了么商家点餐
页面
Vue实战项目)better scroll实现后发现的
问题
:手机端右边商品栏滑动到底左边菜单栏超出屏幕
隐藏
菜单
部分
不显示
在Vue实战项目
中
,使用better-scroll时遇到手机端右侧商品栏滚动到底,左侧菜单栏
隐藏
部分
不显示的
问题
。解决方案是通过在菜单项li上添加特殊class,并在计算高亮菜单时使用scrollToElement方法,同步滚动到对应菜单,从而解决
隐藏
菜单不显示的故障。
强制
隐藏
页面
某些元素,放大想阅读的
部分
元素视图
如今人们依赖AI解决
问题
,但
部分
AI
页面
视图不佳,如左右布局时字体小、放大有干扰等。通过两个步骤可解决:打开浏览器开发者工具,定位智能体图像所在HTML元素;修改该元素CSS样式
隐藏
不需要的元素,将需放大元素设为滚动视图。
微信小程序iOS真机,
页面
左右晃动
本文介绍了如何解决网页因内容溢出导致的
页面
晃动
问题
,提供了两种有效的方法:一是通过在
页面
外层添加overflow:hidden属性;二是将
页面
宽度设置为100%并
隐藏
溢出
部分
,以实现流畅的浏览体验。
不
隐藏
html超出
部分
,css如何设置超出
部分
不显示?
当网页内容溢出设定的宽度和高度时,可以使用CSS的overflow属性来
隐藏
多余的
部分
,避免破坏布局。通过设置`overflow:hidden`,可以确保文字和图片超出
部分
不显示,维持整洁的
页面
效果。例如,将一个div设置为固定宽度和高度,并应用`overflow:hidden`,将自动裁剪超出的内容。此方法适用于处理文本和图片溢出
问题
,保持网页的整洁和专业。
JavaScript
87,988
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章