HTML实心方块是常用的图形元素之一,它可以用于表示选项框、复选框、单选框等。
<div> <input type="checkbox" checked> <label>选项一</label> </div>
以上代码将会生成一个带有选中状态的复选框和一个显示文本“选项一”的标签:
如果我们想要创建一个单选框,可以通过修改type属性和添加不同的name属性值来实现:
<div> <input type="radio" name="options" checked> <label>选项一</label> </div> <div> <input type="radio" name="options"> <label>选项二</label> </div>
以上代码将会生成一个带有选中状态的单选框组,其中选项一默认被选中:
除了使用复选框和单选框,我们也可以通过添加CSS样式来实现实心方块的效果:
<div class="solid-square"></div> <style> .solid-square { width: 20px; height: 20px; background-color: black; } </style>
以上代码将会生成一个宽高为20像素、背景颜色为黑色的实心方块:
HTML实心方块提供了多种使用方式,可以根据不同的需求选择合适的方法来应用它。