GoMailMark
23 | @components.Form(templ.Attributes{ 24 | "action": "/", 25 | "method": "post", 26 | "hx-boost": "true", 27 | "hx-target": "#signature", 28 | "hx-encoding": "multipart/form-data", 29 | }) { 30 | @components.Input(model.Input{ 31 | Label: "Name", 32 | Name: "name", 33 | Placeholder: "Your name...", 34 | }) 35 | @components.Input(model.Input{ 36 | Label: "Role", 37 | Name: "role", 38 | Placeholder: "Your role...", 39 | }) 40 | @components.Input(model.Input{ 41 | Label: "Email", 42 | Name: "email", 43 | Type: "email", 44 | Placeholder: "Your email...", 45 | }) 46 | @components.Input(model.Input{ 47 | Label: "Phone number", 48 | Name: "phone", 49 | Type: "tel", 50 | Placeholder: "Your phone number...", 51 | Attrs: templ.Attributes{ 52 | "pattern": "\\+41 [0-9]{2} [0-9]{3} [0-9]{2} [0-9]{2}", 53 | }, 54 | }) 55 |Phone number must follow format +41 XX XXX XX XX
56 | @components.Input(model.Input{ 57 | Label: "LinkedIn", 58 | Name: "linkedin", 59 | Type: "url", 60 | Placeholder: "Your LinkedIn URL...", 61 | }) 62 | @components.FileInput(model.Input{ 63 | Label: "Picture", 64 | Name: "picture", 65 | }) 66 | 67 | } 68 |
58 |