github.com/EngineerKamesh/gofullstack@v0.0.0-20180609171605-d41341d7d4ee/volume4/section3/gopherface/templates/signupform.html (about)

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