Javascript 注释框中的颜色和形状选项，用于使用html而不是HTML5、CSS和Java脚本的html注释

HTML我已经为这一个到现在为止

<div  id="box" class="box " >    
<table style = "border=0; cellpadding=0 cellspacing=4">
        <tr style=" border=0;">
            <td style="border=0;"><a type="button" class="boxclose" id="boxclose" onclick="cancelPopup();"></a>
            </td>
        </tr>
        <tr style="border=0;">
            <td style="border=0;">
                <textarea id="text_area" placeholder="Input here..." name="comment" style="height:90px;width:325px; background: #fcfbf7"></textarea>
            </td>
        </tr> 
        <tr style="border=0;">
            <td style="border=0;" >
                Categories:
                <select name="commentStatus">
                    <option value="annotation1">Annotation1</option>
                    <option value="annotation2">annotation2</option>
                </select>
                <br><br>
                Amended: <input type="checkbox" id="myCheck">
            </td>
        </tr>   
        <tr style="border=0;">
            <td  style="border=0;">
                <div class="mceActionPanel"  style="">
                    <div style="float: right">
                        <input type="submit" style="background:#E6E6E6" id="insert" name="Save" value="Save"/>
                    </div>      
                </div>
            </td>
        </tr>
</table>

类别：
注释1
注释2



修正：

我想包括颜色选择选项和突出显示区域的形状。如上图所示，我尝试了我现在所做的事情，但这并不是我想要的确切情况

下面是我正在寻找的类似案例，并希望为用户提供颜色选项和形状选项

有谁能帮助我使用HTML和CSS吗？我如何将这两个框作为颜色和形状的下拉列表启动

如果有人也能给JS在html文档中突出显示颜色和形状，那就太好了

谢谢，

---

--Sree

html5引入了颜色选择器。
它可能不完全是你想要的，但它应该接近它

---

感谢您的输入，但我们计划不使用HTML 5，因为它可能与所有浏览器不兼容，并且可能存在一些小问题。谈到形状，我计划让用户灵活地定义自己的形状，并使用一些CSS属性。然后，我们将使用它来塑造突出显示的选定内容。我将非常感谢您对这些项目提出的任何建议。如果您的解决方案非常特殊，以至于不使用html5，您绝对应该在问题中提及这一点，因为这是一个巨大的限制！