javaScript 点击button弹出提示框并显示提交内容

最新推荐文章于 2024-05-16 10:09:27 发布
最新推荐文章于 2024-05-16 10:09:27 发布
阅读量7.4k 收藏 6
点赞数 3
分类专栏： javaScript 文章标签： javascript button input border function class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ChinaGuangZhou000000/article/details/6698824
版权
 <html>
<head>
<title>无标题文档</title>
<SCRIPT language="javascript">
 function a(){
 var xxi=window.showModalDialog("san2.html","信息","dialogwidth=60,dialogheight=60");
 document.getElementById("textfield2").value=xxi;
 }
 function con(){
  var x=document.getElementById('textfield2').value;
  window.confirm("nnihfawjdfh，\n 东方红靠低价供货\n地址："+x);
  }
</SCRIPT>
</head>
<body>
<table width="428" border="1">
  <tr>
    <td height="49" colspan="5" align="center" bgcolor="#FF99CC"><span class="STYLE1">简易购物车</span></td>
  </tr>
  <tr>
    <td width="73" height="32" bgcolor="#FF99CC">上品名称</td>
    <td width="82" bgcolor="#FF99CC">数量（件）</td>
    <td width="90" bgcolor="#FF99CC">单价（美元）</td>
    <td width="92" bgcolor="#FF99CC">运费（美元）</td>
    <td width="57" bgcolor="#FF99CC">合计</td>
  </tr>
  <tr>
    <td height="49" bgcolor="#FF99CC">泡泡道具</td>
    <td bgcolor="#FF99CC">5</td>
    <td bgcolor="#FF99CC">12.5</td>
    <td bgcolor="#FF99CC">10</td>
    <td bgcolor="#FF99CC">72.6美元</td>
  </tr>
  <tr>
    <td height="31" colspan="5" bgcolor="#FF99CC"><a href="javascript:a()">填写你的邮件地址</a>
      <label>
      <input type="text" id="textfield2" >
      <input type="button" name="Submit" value="提交订单" onClick="con()">
      </label></td>
  </tr>
</table>
</body>
</html>
ChinaGuangZhou000000
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
点击button按钮回填数据
weixin_44547598的博客
05-31 885
页面上的操作图片如下 ， 点击浏览弹出模态框 ，模态框内显示所有发卡号码 ，因为是项目测试其中的发卡号码有点随意 ，页面是用bootstrap4插件搭建的 页面的代码如下 <div class="modal-body"> <form id="fromClose" class="form-horizontal"> <div class="row">...
Asp.Net中避免重复提交和弹出提示框的实例代码
08-31
本文将介绍如何通过前端和后端代码来实现这一目标，并展示如何弹出提示框以通知用户请求正在处理。 首先，我们关注前端代码。在ASP.NET中，我们通常使用JavaScript来处理客户端的交互。在这个例子中，我们使用一个`...
使用JavaScript控制文本输入框在按下回车时进行数据提交！
面向对象
10-14 610
假设有一个文本输入框，也可以是一个表单： 如： &lt;input id="searchProductText" name="textfield" type="text" class="font-hui14" value="请在此输入商品名" size="28" onkeypress="if(event.keyCode==13
JavaScript 点击按钮弹出提示框
最新发布
猿码互联
05-16 745
在JavaScript中，可以通过addEventListener方法来为按钮添加点击事件。当按钮被点击时，可以使用alert方法弹出提示框。方法为按钮添加了一个点击事件监听器。当按钮被点击时，会执行传入的回调函数。方法来弹出提示框，提示框中显示的内容为"你点击了按钮！通过上述代码，当点击按钮时，就会弹出一个提示框。属性的按钮元素，并将其赋值给变量。在上面的代码中，首先通过。
javascript表单提交的内容显示在表格中
冲出仁川，走出马德里，故事还会再继续
03-11 3502
实现三个文本域的内容提交之后显示在表格中，代码直接用文本文件运行，记得后缀改为.html 运行结果 输入123，并点击提交按钮之后，数据就会显示在下面的表格中，有什么问题可以私聊我。 下面是代码 <script language="javascript"> function chk() { setTimeout("chk()",100); text1.innerHTML =...
点击按钮，弹出信息的显示
听雨季节
07-29 833
1.下面是css .mydiv{     position: fixed;     _position:absolute;     z-index:1;     top: 50%;     left: 50%;     margin: -141px 0 0 -201px;     width: 560px;     border:1px solid #CCC;
JavaScript实现文本框内容的提交,并保存文本框中的数据
S_peeding的博客
11-02 1万+
将文本框里输入的内容提交到下面列表中显示出来(如图所示) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>提交内容</title> <style> body,ul{ ...
layui 优化button按钮和弹出框的方法
10-18
在本文中，我们将深入探讨如何优化layui中的button按钮和弹出框，以便提供更好的用户体验和更美观的界面设计。layui是一款流行的前端框架，它提供了丰富的组件和便捷的API，使得开发人员可以快速构建用户界面。在...
使用layui前端框架弹出form表单以及提交的示例
10-16
例如，当用户点击删除按钮时，会弹出一个确认提示框询问用户是否真的要执行删除操作。在示例代码中，`.del`是删除按钮的class，点击后会触发`onclick`事件。 ```javascript $(".del").click(function () { var id ...
Bootstrap实现提示框和弹出框效果
08-31
在JavaScript中，我们可以使用Bootstrap的插件API来动态地添加、修改或移除提示框和弹出框。例如，通过jQuery选择器获取元素并调用`.tooltip()`方法可以初始化提示框，如： ```javascript $(function() { $('[data...
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
08-30
- 考虑到不同设备的屏幕尺寸，保持弹出框内容简洁易读，适应各种屏幕大小。 - 对于复杂的HTML内容，确保已进行充分的验证和安全性处理，防止XSS攻击。 总之，Bootstrap弹出框的自定义功能允许开发者灵活地创建...
html中点击提交按钮显示提交i成功,百里香叶：点击提交按钮后显示成功信息
weixin_34333092的博客
06-11 3185
我有一个spring-boot申请，Thymeleaf。我有非常基本的情况。有一个表单，当用户点击提交按钮时，表单数据应发送到控制器，但在同一页面中应显示成功消息。百里香叶：点击提交按钮后显示成功信息形式是相当简单：SubmitSuccess! Operation performed successfully.Failure! Operation failed. Please try again要...
js弹出新窗口而不会被浏览器阻止的方法
aidang8943的博客
09-07 206
转自：js弹出新窗口而不会被浏览器阻止的方法 有时候希望可以用js另开新窗口，但用window.open方法打开窗口总是被浏览器阻止， 可以用下面的方法打开新窗口而不会遭到拦截 1.新添加一个Form <form id="EmailForm" action="目标页" method="get" target="_blank"><input id="emai...
html表单提交后显示,javascript – 在表单提交后在页面上显示消息
weixin_39599372的博客
06-20 2937
我有一个包含2个字段的表单(对于此示例),我使用JavaScript验证,如果字段包含数据,则表单将在用户单击“提交”按钮时提交.我在表单标签中使用iframe将输出发送到同一页面.我想做的是在表单下面显示一条消息,说“感谢您的提交”.我很难想出这个部分.function SubmitRentalForm(){var bValid = true;var sFirst = docume...
提交按钮组件——弹出对话框
qq_41978199的博客
06-08 1144
package swing;import java.awt.Container;import java.awt.Dimension;import java.awt.GridLayout;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.net.URL;import javax.swi...
Javascript输出
hxhx11的博客
05-08 4427
js输出: 严格来说，JavaScript 没有任何打印或者输出的函数，以下几种方式都只不过是一种数据展示的方法. 第一种:弹出对话框 对话框有三种：Window.alert()、Window.confirm()、Window.promt()，通常省略Window.不写。 1、alert:警告消息对话框 在网页中弹出的小窗口（包含一个确定按钮），用于提示信息，消息框是按顺序弹出的。 图片如下： 语法：alert(字符串/变量) 注意： 在点击对话框“确定”按钮之前，不能进行任何其他操
JavaScript DOM案例 点击按钮实现显示相应列表 多种方法
modao的博客
06-06 1403
本文通过不同方法实现一个小的点击触发事件按例，主要注意的是排他思想的使用和、let和var关键字的区别，希望以后能够收益，作为自己经验的积累
JS按钮点击事件实现弹窗(popup)
热门推荐
zhansan的博客
02-10 2万+
click.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>click</title> <script> function buttonClick(){ window.confirm("你点击了按钮哦"); } </script&g
vue实现点击按钮 弹出提示框
06-10
可以使用 Vue.js 自带的 `v-if` 指令和条件渲染来实现这个功能。首先，在你的模板中定义一个按钮和一个提示框，例如： ```html <template> <div> <button @click="showAlert = true">点击我弹出提示框</button> <div v-if="showAlert"> 这是一个提示框 <button @click="showAlert = false">关闭提示框</button> </div> </div> </template> ``` 在这个例子中，我们使用 `v-if` 来控制提示框的显示和隐藏，`@click` 监听按钮的点击事件。当点击按钮时，`showAlert` 变量会被设置为 `true`，从而显示提示框；当点击提示框内的关闭按钮时，`showAlert` 变量会被设置为 `false`，从而关闭提示框。 在你的 Vue 组件中，你只需要定义一个 `data` 属性来控制提示框的显示和隐藏： ```javascript <script> export default { data() { return { showAlert: false } } } </script> ``` 这样就能够实现一个简单的点击按钮弹出提示框的功能了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值