github.com/EngineerKamesh/gofullstack@v0.0.0-20180609171605-d41341d7d4ee/volume2/section4/gopherfaceform/templates/signupform.html (about)

     1  <html>
     2  <head>
     3  <title>GopherFace - Sign Up</title>
     4  <link rel="stylesheet" type="text/css" href="/static/css/pure.css" />
     5  <link rel="stylesheet" type="text/css" href="/static/css/gopherface.css" />
     6  </head>
     7  <body>
     8  	<h1>GopherFace - Sign Up</h1>
     9  
    10  	<div class="formContainer">
    11  	<form action="/signup" method="POST" class="pure-form pure-form-aligned">
    12  		<fieldset>
    13  
    14  			<div class="pure-control-group">
    15  				<label for="name">Username</label>
    16  				<input id="username" type="text" placeholder="Username" name="username" value="{{.Fields.username}}">
    17  				<span id="usernameError" class="pure-form-message-inline">{{.Errors.usernameError}}</span>
    18  			</div>
    19  
    20  			<div class="pure-control-group">
    21  				<label for="firstName">First Name</label>
    22  				<input id="firstName" type="text" placeholder="First Name" name="firstName" value="{{.Fields.firstName}}">
    23  				<span id="firstNameError" class="pure-form-message-inline">{{.Errors.firstNameError}}</span>
    24  			</div>
    25  
    26  			<div class="pure-control-group">
    27  				<label for="lastName">Last Name</label>
    28  				<input id="lastName" type="text" placeholder="Last Name" name="lastName" value="{{.Fields.lastName}}">
    29  				<span id="lastNameError" class="pure-form-message-inline">{{.Errors.lastNameError}}</span>
    30  			</div>
    31  
    32  			<div class="pure-control-group">
    33  				<label for="email">E-mail Address</label>
    34  				<input id="email" type="text" placeholder="E-mail Address" name="email" value="{{.Fields.email}}">
    35  				<span id="emailError" class="pure-form-message-inline">{{.Errors.emailError}}</span>
    36  			</div>
    37  
    38  			<div class="pure-control-group">
    39  				<label for="password">Password</label>
    40  				<input id="password" type="password" placeholder="Password" name="password" value="{{.Fields.password}}">
    41  				<span id="passwordError" class="pure-form-message-inline">{{.Errors.passwordError}}</span>
    42  			</div>
    43  
    44  			<div class="pure-control-group">
    45  				<label for="name">Confirm Password</label>
    46  				<input id="confirmPassword" type="password" placeholder="Confirm Password" name="confirmPassword" value="{{.Fields.confirmPassword}}">
    47  				<span id="confirmPasswordError" class="pure-form-message-inline">{{.Errors.confirmPasswordError}}</span>
    48  			</div>
    49  
    50  			<div class="pure-controls">
    51  				<input class="pure-button pure-button-primary" type="submit" value="Sign Up" />
    52  			</div>
    53  
    54  		</fieldset>
    55  	</form>
    56  	</div>
    57  </body>
    58  </html>
    59  
    60