Html 如何创建web表单来创建按钮及其嵌入代码？

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

您似乎已经为一个完整的软件编写了需求规范。这不是Stackoverflow问题的正确范围。你最好雇佣一个自由开发者，而不是在这里询问。有没有教程链接？我不是指完全开发的代码@Quentin也许你可以使用一些html输入，然后将值设置为变量，然后使用javascript预先创建一个标准的基本代码，用你设置的变量替换一些样式，然后在文本区域内显示完整的代码。。。这只是一种可能的方法

<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>