首页>>前端>>JavaScript->html点击按钮弹出输入框(html单击按钮弹出消息框)

html点击按钮弹出输入框(html单击按钮弹出消息框)

时间:2023-12-06 本站 点击:0

html点击按钮显示弹出文本框

HTML+CSS:

input type="button" class="check" /

input type="text" class="text" style="display:none;" /

jQuery:

$(function(){

  $(".check").click(function(){

    $(".text").show();

  })

})

这个不贺悔行吗?这还不够详细啊?那还怎么详细派历?我总不能把你的网页都给你写了吧?再说我也不知道你的网页长禅羡正什么样啊。

html弹出一个输入框提示用户输入姓名

1、首先打开html编辑器,新建一个html文件,例如:index.html。

2、世或在index.html中的body标签中,输入以下html代码:

input type="text" placeholder="请输入账号" /

input type="password" placeholder="请输入密码" /

3、浏览器运行index.html页面,此时的输入框有了提示文字“请输入账号”,密搭返祥码框有了提示知搏文字“请输入密码”。

在HTML中怎么点击一个按钮能弹出一个选项框

【1】其中btnid为按钮的ID

psd为用户的密码(用户以前的雀念唤密码)

document.getElementById(btnid).onclick = function() {

var password=prompt("请输入您的密顷凯码","********");

if(password!=null password == psd) {

alert('输入成功!');

}

};

【2】input type="button"高戚 value="弹出窗口" onclick="javascript:window.open("test.html")"

html网页输入文字 点击按钮弹出一个窗口

!doctype html

html

head

meta charset="utf-8"

titleMy Test Document/title

style

.box{

width:50%; margin-top:10%; margin:auto; padding:28px;

height:350px; border:1px #111 solid;

display:none; /* 默认对话框隐藏 */

}

.box.show{display:block;}

.box .x{ font-size:18px; text-align:right; display:block;}

.box input{width:80%; font-size:18px; margin-top:18px;}

/style

/head

body

h2测弊颤改试/h2

input type="button" onClick="msgbox(1)" value="点击弹出输入框"

script

function msgbox(n){

document.getElementById('inputbox').style.display=n?'block':'none'; /* 点租判击按钮打开/关闭 对话框 */

}

/script

div id='inputbox' class="box"

洞哗a class='x' href=''; onclick="msgbox(0); return false;"关闭/a

input type="text"

input type="text"

input type="button" value="确定"

/div

/body

希望我的回答可以帮到您哦


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/JavaScript/15028.html