html点击按钮显示弹出文本框
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html点击按钮显示弹出文本框相关的知识，希望对你有一定的参考价值。
能否把详细代码告诉我，我做出反效果来了，
html+CSS：
<input type="button" class="check" /><input type="text" class="text" style="display:none;" />
jQuery:
$(function()$(".check").click(function()
$(".text").show();
)
)
这个不行吗？这还不够详细啊？那还怎么详细？我总不能把你的网页都给你写了吧？再说我也不知道你的网页长什么样啊。
1、使用jQuery显示出隐藏的文本框
$(function()$("#按钮id").click(function()//按钮绑定点击事件
$("#文本框id").show();//文本框显示出来 注：之前设置display:none的样式
);
);
2、使用jQuery新添加文本框
$(function()$("#按钮id").click(function()//按钮绑定点击事件
var txt=$("<input type='text' id='txt1'></input>");//创建文本框对象
$("#id").append(txt);//将对象添加至网页 $("#id")是文本框的上一级
);
); 参考技术B 见下方代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
p margin:0; padding:0;
.login-put
clear: both;
line-height: 36px;
margin-bottom: 20px;
overflow: hidden;
width: 500px;
.login-put label
color: #8c8686;
float: left;
font-size: 14px;
height: 36px;
line-height: 36px;
text-align: right;
width: 120px;
#form1 float:left; width:320px
#form1 label
float: left;
text-align: left;
width: 80px;
input
cursor: pointer;
vertical-align: middle;
.login-put #div1
padding-left: 120px;
.login-put #div1 input
border: 1px solid #dddddd;
color: #999999;
float: left;
height: 36px;
line-height: 36px;
margin-right: 10px;
padding: 0 5px;
width: 190px;
</style>
</head>
<body>
<div class="login-put"><label>推荐人：</label>
<form id="form1" name="form1" method="post" action="">
<p>
<label>
<script type="text/javascript">
function show()
var value = document.getElementById("div1").style.display;
if(value=="none")
document.getElementById("div1").style.display="block";
else
document.getElementById("div1").style.display="none";
</script>
<input type="radio" name="RadioGroup1" value="单选" onClick="show()"/>
<span class="recommend">有</span></label>
<label>
<input type="radio" name="RadioGroup1" value="单选" />
<span class="recommend">无</span></label>
<br />
</p>
</form>
<div id="div1" style="display:none"><input class="text01" name="" type="text" /></div>
</div>
</body>
</html>
unity点击图片不弹出原图
让弹出框开始不显示，点击按钮后显示。在Hierarchy面板上新建Image，下面我命名为win，再在上面放置Image和Text组成弹出框。
如下图：
建立一个Message脚本：
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class Message : MonoBehaviour
//点击按钮，显示image
public void Click()
gameObject.SetActive(true);
登录后复制

选中win，将脚本Message拖动到Inspector界面上：
同时将这个框去掉，这样image就不显示了。
选中button按钮，将win拖到如下图所示的地方，其他按照要求进行设置：
这样就可以实现，按钮调出自制弹出框的功能了。
家常炸萝卜丸子的做法
精选推荐
广告

unity自定义弹出框功能
11下载·0评论
2020年8月25日
点击按钮随机显示一张图片.rar
15下载·0评论
2020年1月14日
Unity学习记录2——点击方块触发UI界面
960阅读·0评论·1点赞
2022年9月19日
Unity UI 设置简易的弹窗功能
8328阅读·0评论·7点赞
2019年4月11日
UnityUI同一界面点击不同按钮展示对应的UI面板
2204阅读·1评论·4点赞
2021年7月26日
unity点击按钮弹出操作提示界面
7201阅读·0评论·7点赞
2018年10月17日
高清播放机，图片大全，点击查看详情！

精选推荐
广告
unity 弹窗提示_unity自定义弹出框功能
2145阅读·0评论·0点赞
2020年12月19日
Unity实现游戏里鼠标悬停在物体处显示UI提示（介绍、名称等信息）的一种方法（可配置的xml文件形式）
1.0W阅读·26评论·14点赞
2022年1月26日
unity实现玩家碰触物体打开提示效果
3259阅读·0评论·1点赞
2021年8月12日
Unity3D实现点击按钮本身获取按钮所包含的文本内容且显示出来
1.5W阅读·0评论·7点赞
2018年5月30日
Unity点击button显示/隐藏Image方法
1.0W阅读·4评论·11点赞
2021年6月29日
unity 选中点击一个模块显示一个背景图，再次点击消失，点击其他模块则当前模块背景图消失
916阅读·0评论·1点赞
2020年1月13日
Unity学习笔记——鼠标移动到物品上显示物品名字，点击后显示物品信息
8769阅读·1评论·7点赞
2019年3月14日
unity 弹出式菜单_Unity实现通用的信息提示框
928阅读·0评论·1点赞
2020年12月21日
Unity3D 点击模型某部分出其属性信息框
1.0W阅读·14评论·9点赞
2016年5月23日
鼠标触发文本框
10下载·0评论
2012年9月27日
Unity_UGUI_使用image做为按钮
1476阅读·1评论·3点赞
2019年9月11日
Unity3D实现GUI和UGUI按下显示文本 参考技术A 在布局文件中给Button按钮添加onClick属性,属性值为任意字符串(此字符串用于设置按钮被点击时运行的方法的方法名)。
2. 获取控件对象+通过控件对象调用setOnClickListener方法设置点击事件...
以上是关于html点击按钮显示弹出文本框的主要内容，如果未能解决你的问题，请参考以下文章