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