在python中组合两个HTML代码

时间:2015-03-05 11:07:32

标签: javascript python html ipython-notebook

我有以下两个用python编写的脚本。我在IPython笔记本中运行它们。当我在不同的单元格中调用Textbox1和Texbox2时,我会看到两个框。但是,我希望在外部HTML文件中看到这些文本框。我如何组合并通过python将其发送到HTML。

 Textbox1="""
    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function retrieve(id) {
    var txtbox = document.getElementById(id);
    value = txtbox.value;
    }
    </script>
    </head>
    <body>
    <input type="text" size="4" style="width: 100px;" value="Enter Email"        name="txt" id="txt"></input>
    <input type="button" value="Submit" onclick="retrieve('txt');"/

    </body>
    </html>
    """`


 Textbox2="""
    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function retrieve(id) {
    var txtbox = document.getElementById(id);
    value = txtbox.value;
    }
    </script>
    </head>
    <body>
    <input type="text" size="4" style="width: 100px;" value="Enter Password"        name="txt" id="txt"></input>
    <input type="button" value="Submit" onclick="retrieve('txt');"/

    </body>
    </html>
    """`

我使用from IPython.display import HTML查看笔记本中的HTML输出

1 个答案:

答案 0 :(得分:0)

首先将两个框组合在一个HTML字符串中,类似于(我猜需要格式化):

Textbox1and2="""
<!DOCTYPE html>
<html>
<head>
<script>
function retrieve(id) {
var txtbox = document.getElementById(id);
value = txtbox.value;
}
</script>
</head>
<body>
<input type="text" size="4" style="width: 100px;" value="Enter Email" name="txt" id="txt"></input>
<input type="button" value="Submit" onclick="retrieve('txt');"/
<input type="text" size="4" style="width: 100px;" value="Enter Password" name="txt" id="txt"></input>
<input type="button" value="Submit" onclick="retrieve('txt');"/

</body>
</html>
"""

然后你可以随意做任何事情,进一步修改,用HTML打印()或保存到文件等。