Code snippet for HTML tick box. Used in PDF automatically generated documents.

I need a tick box to make some questionaries. It’s a little code snippet for a box with white background and black borders. I don’t make a border radius because I will use it for automatically generated PDF documents and you cannot put any decorations inside except colours.

<style>
<style>
/*CSS code snippet*/
.box {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
}

.white {
  background-color: white;
}
/*END: CSS code snippet*/
</style>
<!--HTML code snippet-->
<div class="row">
  <div class="box white"></div><span>  Mark here, if you want to participate in the event</span>
</div>
<!--END: HTML code snippet-->

<style>

/*CSS code snippet*/

.box {

float: left;

height: 20px;

width: 20px;

margin-bottom: 15px;

border: 1px solid black;

clear: both;

}

.white {

background-color: white;

}

/*END: CSS code snippet*/

</style>

<div class="box white"></div><span> Mark here, if you want to participate in the event</span>

</div>

Mark here, if you want to participate in the event

Leave a Reply Cancel reply