github.com/EngineerKamesh/gofullstack@v0.0.0-20180609171605-d41341d7d4ee/volume4/section3/gopherface/templates/postform.html (about) 1 <html> 2 <head> 3 <title>GopherFace - New Post</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 - New Post</h1> 9 10 <div class="formContainer smpostFormContainer"> 11 <form action="/postpreview" method="post" class="pure-form pure-form-aligned"> 12 <fieldset> 13 14 <fieldset class="pure-control-group"> 15 <input type="text" class="pure-input-1-2" placeholder="Caption" name="caption" value="{{.Fields.caption}}"> 16 <span id="confirmPasswordError" class="pure-form-message-inline">{{.Errors.captionError}}</span> 17 </fieldset> 18 19 <fieldset class="pure-control-group"> 20 <textarea id="messageBody" class="pure-input-1-2" placeholder="What's on your mind, Gopher?" name="messageBody">{{.Fields.messageBody}}</textarea> 21 <span id="messageBodyError" class="pure-form-message-inline">{{.Errors.messageBodyError}}</span> 22 </fieldset> 23 24 <fieldset class="pure-group"> 25 <label for="mood">Mood</label> 26 <select id="mood" name="mood"> 27 {{range $key, $value := .Moods}} 28 <option value="{{ $value }}" {{if eq $value $.CurrentMood}}selected{{end}}>{{index $.MoodEmoji $key}} {{ $key }}</option> 29 {{end}} 30 </select> 31 </fieldset> 32 33 <input type="submit" class="pure-button pure-input-1-2 pure-button-primary" value="Post"> 34 35 </fieldset> 36 </form> 37 </div> 38 </body> 39 </html> 40 41