1. 程式人生 > >8、常用HTML及from表單

8、常用HTML及from表單

用戶 -s user 出生日期 pan ted tab 單選框 cti

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我的第一個頁面</title> </head> <h1>這是一個測試</h1> <!--表單 action數據提交到哪個URL上,就由相應的URL函數去處理邏輯 method提交的方式是什麽,GET/POST method為空的情況下,點提交數據會提交到當前的url方式上 --> <form action="" method=""> <!-- name指的提交數據的名字 value 指定提交的數據內容是什麽 --> <!--用戶名文本框--> 用戶名: <input type="text" name="username" value="yht" /> ? <!--?空格代碼--> <!--密碼框--> 密碼: <input type="password" name="password" value="" /> </br> <!--br換行--> <!--圓形單選框,在name屬性值相同的情況下,頁面只準選一個,checked頁面默認顯示選擇男--> <input type="radio" name="sex" value="1" checked="checked" />男 <input type="radio" name="sex" value="0" />女 </br> <!--br換行--> <!--方形多選框,這裏value可以寫同一個,一樣可以多選--> 愛好: <input type="checkbox" value="zuqiu" name="zuqiu" checked="checked" />足球 <input type="checkbox" value="pinpang" name="pinpang" />乒乓球 <input type="checkbox" value="duobi" name="duobi" />躲壁球 </br> <!--br換行--> <!--下拉框--> 年齡範圍:<select name="age"> <option value="1-10">1-10</option> <option value="11-20">11-20</option> <option value="21-30" selected="selected" >21-30</option> <!--selected屬性表示頁面默認選擇此項--> <select/> </br> <!--br換行--> <!--文本輸入框,key是desc,values是你頁面上輸入的值,所以這個不用寫value--> <textarea name="desc">文件輸入框</textarea> </br> <!--br換行--> <!--日期插件--> 出生日期: <input type="date" name="shengri" value="2019-05-01" /> </br> <!--br換行--> <!--超鏈接--> <a href="http://www.baidu.com">打開百度</a> </br> <!--br換行--> <!--表格--> <table border="1"> <thead><!--t head表格頭--> <tr><!--行--> <th>姓名</th> <!--列--> <th>年齡</th> <th>性別</th> <tr> </thead> <tbody><!--表格體--> <tr><!--行--> <td>老王</td><!--列--> <td>18</td><!--列--> <td>男</td><!--列--> </tr> <tr><!--行--> <td>老何</td><!--列--> <td>18</td><!--列--> <td>女</td><!--列--> </tr> </tbody> </table> <!--提交按鈕,點擊會提交--> <input type="submit" value="提交登陸" /> <!--普通按鈕,點擊不提交--> <input type="button" value="普通登陸" /> </form> <body> <!--註釋--> </body> </html>

8、常用HTML及from表單