Question

我正在做一个学术项目，我需要创建一个按钮（就像facebook的/ share按钮一样），通过表单输入高度，宽度，文本，链接和颜色。表单必须生成按钮及其嵌入的代码并在同一表单上预览。我正在使用bootstrap 3.0。

Answer 1

<script type="text/javascript">
    function getcode()
    {
        var code='<button style="height:'+document.getElementById('height').value + 'px; width:'+document.getElementById('width').value + 'px; background-color:'+document.getElementById('color').value + '"></button>';
        document.getElementById('preview').innerHTML=code;
        document.getElementById('code').value=code;
    }
</script>

    <input type="text" id="width" />
    <input type="text" id="height" />
    <input type="color" id="color" />
    <input type="submit" onclick="getcode()" />

<textarea id="code"></textarea>

<div id="preview"></div>

如何创建一个Web表单来创建一个按钮，它的嵌入代码？

1 个答案: