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

答案:3 悬赏:40 手机版

解决时间 2021-04-02 16:05

提问者网友：锁深秋
2021-04-02 04:12

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

最佳答案

五星知识达人网友：由着我着迷
2021-04-02 04:30

1、使用jQuery显示出隐藏的文本框
$(function(){
    $("#按钮id").click(function(){//按钮绑定点击事件
        $("#文本框id").show();//文本框显示出来  注：之前设置display:none的样式
    });
});

2、使用jQuery新添加文本框
$(function(){
    $("#按钮id").click(function(){//按钮绑定点击事件
        var txt=$("");//创建文本框对象
        $("#id").append(txt);//将对象添加至网页   $("#id")是文本框的上一级
    });
});

全部回答

1楼网友：街头电车
2021-04-02 05:17

HTML+CSS：<input type="button" class="check" />
<input type="text" class="text" style="display:none;" />
jQuery:$(function(){
  $(".check").click(function(){
    $(".text").show();
  })
})
这个不行吗？这还不够详细啊？那还怎么详细？我总不能把你的网页都给你写了吧？再说我也不知道你的网页长什么样啊。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息