8、常用HTML及from表單
阿新 • • 發佈：2019-04-29
用戶 -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表單