CodePen

HTML

            
              <form action="#" method="post">
  <div class="serial-number">
    <input type="text" name="name" id="name" value="" tabindex="1" placeholder="Serial Number"/>
    <a href="">
    <img src="http://placehold.it/20x2" alt="">
    </a>
  </div>
</form>  
            
          
!

CSS

            
              form {
  margin:15px;
}

.serial-number {  
  width:300px;
  border-radius:8px;
  border:1px solid grey;
  padding:5px;
}

#name {
border:none;
  width:270px;
}

.serial-number a {
  display:inline-block;
  width:20px;
  height:20px;
  background: url(http://placehold.it/20x20);
}
  

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................