HTML Form Output Formatting (with Java) : First post and HTML project but wanted to give big thanks to the community, been very helpful so far. I want to make an HTML form that churns out formatted email signatures. 

 - I want the output on 1) separate lines and 2) have each line of be formatted uniquely. So, first line bold and blue, second like non-bold and grey font, etc. like typical email signatures. So far it all appears in one long identically formatted output.
- Eventually I'd like blank entries to be omitted and to add an automatic copy function, but I can tackle those later. 

Spent a few dozen hours on this and can't get it, so hoping for some guidance. Big thanks! 

Matt

    <!DOCTYPE html>
    <html lang = "en-US">
    <title>Email Signature</title>
    <head>
    <body>
    <font face="century gothic">
    <h3>Creating Signature</h3>
    <p>Enter you information<p>
    
    
    <form>
    Name<br>
    <input type="text" name="wholename" ><br>
    <br>Position</br>
    <input type="text" name="pos"><br>
    <br>Position 2</br>
    <input type="text" name="pospos"><br>
    <br>Phone 1</br>
    <input type="text" name="phone"><br>
    <br>Phone 2</br>
    <input type="text" name="phonephone"><br>
    
    <p>Select Location<p>
    
    	<input type="radio" name="location" value="Redding" checked>Redding<br>
    	<input type="radio" name="location" value="San Francisco" checked> San Francisco<br>
    	<input type="radio" name="location" value="Woodland Hills" checked> Los Angeles<br><br>
    
    	
    <input type="checkbox" name="billingtoo" onclick="FillBilling(this.form)">
    <em>Check this box when you're all set</em>
    <p>
    
    <b>Your Custom Signature:</b><br><br>
    <textarea type="textarea" id="billingname" style="font-family:century gothic;font-size:1.2em;color:rgb(126,128,130)" rows="10" cols="40" ></textarea><br>
    
    <script type="text/javascript">
    function copyText(){
     document.getElementById("billingname").select();
     document.execCommand('copy');
    }
    function FillBilling(f) {
    f.billingname.value = 
    		f.wholename.value  + " " +	f.pos.value + " | " + f.pospos.value + "" + f.phone.value + "  " + f.phonephone.value + "  " + f.location.value;}
      if(f.billingtoo.checked == true) {}
    </script>
    
    </form>
    <br><br><br><br>
    </font face>
    </head>
    </body>
    
    
        