css製作表單
阿新 • • 發佈:2018-12-11
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <form action="http://www.baidu.com" action="post"> <!-- action:指向傳送地址,action:傳送時處於隱藏狀態. --> <p> 使用者名稱:<input type="text" name="username" value="某某"> <!-- value:預設值 --> </p> <p> 密碼:<input type="password" name="password"> </p> <p> 性別:男:<input type="radio" name="xingbie" value="男" checked="checked"> <!-- checked:預設值 --> 女:<input type="radio" name="xingbie" value="女"> </p> <p> 愛好:籃球:<input type="checkbox" name="hobby" value="籃球" checked="checked"> <!-- checked:預設值 --> 排球:<input type="checkbox" name="hobby" value="排球"> 足球:<input type="checkbox" name="hobby" value="足球"> </p> <p> <select name="xueli" > <option value="大學" selected="selected">大學</option> <!-- selected:預設值,下面高中,初中等表示方法一致--> <option value="高中">高中</option> <option value="初中">初中</option> <option value="小學">小學</option> </select> </p> <p> <textarea name="intro" id="" cols="30" rows="10"></textarea> <!--簡介輸入框 --> </p> <p> 上傳頭像:<input type="file" name="pic"/> </p> <p> 隱藏域:<input type="hidden" name="ip" value="192.168.1.13"/> </p> <p> <input type="submit" value="提交"/> </p> <p></p> </form> </body> </html>