github.com/EngineerKamesh/gofullstack@v0.0.0-20180609171605-d41341d7d4ee/volume3/section5/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" .}}