title: Creating an input element with a dotted border
body: <p>I want to place an input element in a form. However, instead of it having a solid-box border, I want it to have a dotted border. </p>
  
  <p>This is similar to what basecamp has for inviting new people to existing projects. 
  <a href="https://i.stack.imgur.com/Lo8o4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Lo8o4.png" alt="Basecamp project access"></a></p>
  
  <p>Any ideas how to do that?</p>