创建自定义对话框/弹出框HTML

Question

我正在学习如何通过以下教程在HTML中创建自定义对话框，但还不能很好地理解如何按我想要的方式创建它们。我想要实现如下所示：

我要创建的第一个文件包含一个listview。

​

​

第二个是一个对话框，其中有文本框输入关键字，并通过单击创建添加到数据库。

​

​

我已经学习了教程，但作为一个初学者，我还不能完全理解如何去创建，因此任何帮助都会很好。

通过在线搜索，我已经能够使用情态词来创建：http://jsfiddle.net/jLs8myoa/9/

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Input Form</h4>
            </div>
            <div class="modal-body">
           enter keyword <input type="textbox" id="textbox1"> </input><br>
                <button type="button">Search</button>
                <div> Listview </div>
            </div>
        </div>
    </div>
</div

我学习过的教程很少

https://www.w3schools.com/howto/howto_css_signup_form.asp

https://www.youtube.com/watch?v=-RLE2Q7OzME

Answer 1

在你的代码模式中正常打开，我看不出有任何问题。你只需要在HTML和CSS方面稍微进步一点。

从W3学校开始，他们有关于HTML5和CSS的非常棒和简单的教程。我认为一旦你的基本知识变得清晰，你就能做出你想要的东西。有很多方法可以设计你正在制作的模型。

跟着这个..。CSS Tutorials...

没有Bootstrap的自定义模式...CSS modal...