Steven's Personal Blog

博文

目前显示的是标签为“html”的博文

html css cursor mouse hand

cursor:pointer

go handle upload multiple File

package main import ( f "fmt" "html/template" "io" "net/http" "os" ) func main() { http.HandleFunc("/", home) http.HandleFunc("/uploadfiles", uploadfiles) http.ListenAndServe(":8080", nil) } func home(w http.ResponseWriter, r *http.Request) { t, _ := template.ParseFiles("index.html") t.Execute(w, nil) } func uploadfiles(w http.ResponseWriter, r *http.Request) { r.ParseMultipartForm(1 << 30) fhs := r.MultipartForm.File["uploadFile"] for _, v := range fhs { file, err := v.Open() if err != nil { f.Println(err) return } mf, err := os.OpenFile("./"+v.Filename, os.O_WRONLY|os.O_CREATE, 0666) if err != nil { f.Println(err) return } defer mf.Close() io.Copy(mf, file) } f.Fprintf(w, "ok") } //index.html <!DOCTYPE html> <html> <head> <title>upload</title...

阅读全文

css keyframe

@keyframes myfirst { frame {background: red;} to {background: yellow;} } @keyframes myfirst { 0% {background: red;} 25% {background: yellow;} 50% {background: blue;} 100% {background: green;} } <div style="animation: myfirst 5s;">asd</div>

阅读全文

golang template

golang 模板(template)的常用基本语法模板在写动态页面的网站的时候，我们常常将不变的部分提出成为模板，可变部分通过后端程序的渲染来生成动态网页，golang提供了html/template包来支持模板渲染。这篇文章不讨论golang后端的模板读取及渲染方法，只讨论模板中嵌入变量，渲染变量、循环等一些基本用法。变量在golang渲染template的时候，可以接受一个interface{}类型的变量，我们在模板文件中可以读取变量内的值并渲染到模板里。有两个常用的传入参数的类型。一个是struct，在模板内可以读取该struct域的内容来进行渲染。还有一个是map[string]interface{}，在模板内可以使用key来进行渲染。我一般使用第二种，效率可能会差一点儿，但是用着方便。模板内内嵌的语法支持，全部需要加{{}}来标记。在模板文件内， . 代表了当前变量，即在非循环体内，.就代表了传入的那个变量。假设我们定义了一个结构体： type Article struct { ArticleId int ArticleContent string } 那么我们在模板内可以通过 <p>{{.ArticleContent}}<span>{{.ArticleId}}</span></p> 来获取并把变量的内容渲染到模板内。假设上述的结构体的内容为ArticleId:1 ArticleContent:”hello”，则对应渲染后的模板内容为： <p>hello<span>1</span></p> 是不是很简单呢。当然，我们有时候需要定义变量，比如我们需要定义一个article变量，同时将其初始化为”hello”，那么我们可以这样写： {{$article := "hello"}} 假设我们想要把传入值的内容赋值给article，则可以这样写： {{$article := .ArticleContent}} 这样我们只要使用{{$article}}则可以获取到这个变量的内容。函数 golang的模板其实功能很有限，很多复杂的逻辑无...

阅读全文

html head

<!DOCTYPE html> <html> <head> <title>hello world</title> <link rel="stylesheet" type="text/css" href="my.css"> <meta http-equiv="Window-target" content="_top"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/> <meta http-equiv="Progma" content="no-cache">  </head> <body > <a href="favicon.ico">hello</a> <form> user:<input type="text" name="user"> password:<input type="password" name="password"> <input type="submit" name="submit"> </form> </body> </html>

阅读全文

html viewport

阅读全文