JS模仿alert弹出文本域输入框

最新推荐文章于 2020-11-09 21:03:40 发布
最新推荐文章于 2020-11-09 21:03:40 发布
阅读量4.5k 收藏 1
点赞数
分类专栏： js-jquery java基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011933840/article/details/25197301
版权

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${pageContext.request.contextPath}/editor/jquery/jquery-1.4.4.min.js"></script>
<title>弹出输入框</title>
<script type="text/javascript">
 function alert1(){
  //每次弹出情况原来写的数据
  $("#bb").val("");
  $("#aa").show();
 }
 function hide1(){
  $("#aa").hide();
 }
 function show1(){
  var bb = $("#bb").val();
  alert("您输入了："+bb);
 }
</script>
</head>
<body>
 <div>
  <input type="button" value="弹出" οnclick="alert1()"/>
 </div>
 
 <div id="aa" style="display:none;height: auto;background-color:#D7F1FF;width: 200px;margin:0 auto;margin-top:160px">
  <div style="float:right;cursor: pointer;"><a οnclick="hide1()">关闭</a></div>
  <b>请输入原因：</b><textarea id="bb"></textarea><br>
  <input type="button" value="确定" οnclick="show1()"/>
  <input type="button" value="取消" οnclick="hide1()"/>
 </div>
</body>
</html>

 

 

 

 

流线
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript弹出带文字信息的提示框效果
10-21
主要介绍了javascript弹出带文字信息的提示框效果,涉及javascript简单弹出窗口定义与样式相关操作技巧,需要的朋友可以参考下
网页中弹出需要输入内容的文本框
你好牛蛙！
09-12 1629
prompt()函数 js中 用prompt()可与弹出一个提示框，该提示框中会带有一个文本框，用户可以在文本框中输入一段内容，该函数需要一个字符串作为参数，该字符串会作为提示框的提示文字。 同时 用户输入的内容会作为此函数的返回值返回，可以定义一个变量来接收返回值。 <script type="text/javascript"> var i; i=prompt("打洗你"); console.log(i); </script> ...
js javascript 表单tips效果,文本框弹出提示框效果(不带箭头效果与代码)
lukylfm的专栏
06-02 2907
<br /><br /> <br /> <br /> <br /> <br /><!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" xml:lang="en" lang="en"> <he
添加alert提示框的几种方法
weixin_34101229的博客
09-28 381
1. Response.Write(“&lt;script&gt;alert(‘保存成功’);&lt;/script&gt;”);     这种方式挺简单的，就是经常执行后页面上的字体都变形了。 2. Page.RegisterStartupScript("js", "&lt;script&gt;alert(‘保存成功’);&lt;/script&gt;");     这种方法倒是可以正常弹出了。...
js实现html点击文本框，弹出文本框功能
知北行的博客
10-27 9368
实现这样一个功能，当一个文本框获得焦点时，弹出一个更大的文本框方便用户输入，当切换焦点时，弹出的文本框就消失，同时保证两个文本框输入的文本值一致 效果如下图： 直接上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title...
简单js——点击按钮弹窗（文本框的内容）
Flora_SM的博客
07-17 1万+
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function clickMe() { //得到input标签对象 var...
JavaScript的三种消息框alert，confirm，prompt
QQ873963142的博客
03-02 560
1. alert是弹出警告框，在文本里面加入\n就可以换行。 2. confirm弹出确认框，会返回布尔值，通过这个值可以判断点击时确认还是取消。true表示点击了确认，false表示点击了取消。 3. prompt弹出输入框，点击确认返回输入框中的值，点击取消返回null。 下面是详细的例子： [html] view plain copy
JavaScript的三种弹出提示框(alert、confirm、prompt)
热门推荐
『愚』的博客
11-09 8万+
三种提示框alert ()confirm()prompt () alert () alert()方法是显示一条弹出提示消息和确认按钮的警告框。 需要注意的是 ：alert()是一个阻塞的函数，如果我们不点确认按钮，后面的内容就不会加载出来。 使用方式： alert("想要提示的文本内容") 样例代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> a
jquery.tiptext.js 文本框、文本域文字提示工具
b7995547的专栏
03-06 735
由于工作需要研发的jquery插件，文本提示工具，效果如图。                                            使用方法见js文件中的使用方法。 下载请点击： jquery.tiptext.js
JS实现点击文本框弹出DIV层
qtvb1987的专栏
01-12 2661
new pagefunction crertdiv(_parent,_element,_id,_css){//创建层                var newObj = document.createElement(_element);                if(_id && _id!="")newObj.id=_id;                if(_css && _css!
使用html+css+js实现自定义弹出对话框/输入框
09-03
使用html+css+js实现自定义弹出对话框/输入框，使用html+css+js实现自定义弹出对话框/输入框，使用html+css+js实现自定义弹出对话框/输入框
引入JavaScript时alert弹出框显示中文乱码问题
10-19
今天在HTML中引入JavaScript文件运行时，alert弹出的提示框中文显示为乱码，怎么解决此问题呢？下面小编给大家带来了引入JavaScript时alert弹出框显示中文乱码问题的解决方法，一起看看吧
jQuery实现手机自定义弹出输入框
10-22
主要介绍了jQuery实现手机自定义弹出输入框 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
JavaScript基础教程之alert弹出提示框实例
10-25
主要介绍了JavaScript基础教程之alert弹出提示框实例,本文重点在于讲解了JavaScript基本语法、基本使用方法,需要的朋友可以参考下
js的alert弹出框出现乱码解决方案
10-26
alert弹出框出现乱码的情况，想必大家都有遇到过吧，其实解决方法很简单设置charset=utf-8在试试，看看是不是好了
点击一个按钮后，使按钮变灰（不可能点）
u011933840的专栏
05-22 1万+
pageEncoding="UTF-8"%> 按钮变灰（不可点击）     function upload(obj){         document.getElementById(obj).disabled = true;     }                    主要是把
jsp页面解决IE浏览器兼容模式下css，js显示问题
u011933840的专栏
07-31 7141
用IE浏览器时，碰到在兼容模式下，页面样式乱或者是js不生效的情况： 在tatle中增加
根据动态id判断checkBox是否被选中
u011933840的专栏
07-03 2725
页面部分：
html 弹出输入框
最新发布
05-24
可以使用JavaScript来实现一个弹出输入框。可以按照以下步骤来实现： 1. 在HTML中创建一个button按钮。 ```html <button onclick="myFunction()">点击弹出输入框</button> ``` 2. 创建一个JavaScript函数，用于弹出输入框。 ```javascript function myFunction() { var inputValue = prompt("请输入内容："); // 弹出输入框 // do something with the input value } ``` 在这个函数中，我们使用prompt()方法来弹出一个输入框，并将用户输入的值存储在变量inputValue中。 3. 在函数中，可以对用户输入的值进行处理或使用它来执行其他操作。 ```javascript function myFunction() { var inputValue = prompt("请输入内容："); // 弹出输入框 if (inputValue != null) { alert("你输入的内容是：" + inputValue); // 将用户输入的值显示到alert框中 } } ``` 这个例子中，我们使用alert()方法来显示用户输入的值。 完整的示例代码如下： ```html <!DOCTYPE html> <html> <head> <title>弹出输入框</title> </head> <body> <button onclick="myFunction()">点击弹出输入框</button> <script> function myFunction() { var inputValue = prompt("请输入内容："); // 弹出输入框 if (inputValue != null) { alert("你输入的内容是：" + inputValue); // 将用户输入的值显示到alert框中 } } </script> </body> </html> ``` 当用户点击按钮时，将弹出一个输入框，用户可以在其中输入内容。当用户点击“确定”按钮后，将显示一个alert框，其中包含用户输入的值。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值