HTML5的表單模版
阿新 • • 發佈:2018-11-11
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <pre> action="提交到哪裡去" method=get/post "提交方式" GET引數的意思是引數顯示在URL位址列上,而post不在位址列顯示引數 <!--enctype="multipart/form.data" 上傳檔案的時候加的程式碼,新增在在表單form那一行--> </pre> <form action="提交到哪裡去" method="提交方式"> <p> 使用者名稱: <input type="text" name="uesrname"> <!--文字框--> <!--文字域是text,只能寫入少量的文字.文字區域是texteare,可以寫入大量的文字, 文字框是單行文字 文字區域是多行 --> </p> <p> 密碼: <input type="password" name="pwd"> <!--密碼框--> </p> <p> 性別: 男:<input type="radio" name="gender" value="男"> <!--單選框--> 女:<input type="radio" name="gender" value="女"> </p> <p> 愛好:<br> 籃球:<input type="checkbox" name ="hobby" value="basketball"><br> <!--多選框--> 足球:<input type="checkbox" name ="hobby" value="football"><br> 混球:<input type="checkbox" name ="hobby" value="hunqiuball"><br> </p> <p> 學歷:<br> <select name ="xueli"> <!--下拉列表框--> <option value="daxue">大學</option> <option value="high">高中</option> <option value="middle">中學</option> </select> </p> <p> 個人簡介:<br> <!--文字域--> <textarea name="intro"></textarea> </p> <p> <input type="file" name="pic"> <!--這個是上傳檔案--> </p> <p> <input type="hidden" name="ip" value="192.168.1.100"> <!--隱藏域--> </p> <p> <input type="submit" value="提交"></input> <input type="reset" value="重置"></input> </p> </form> </body> </html>