<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表單</title>
<style type="text/css">
</style>
</head>
<body>
<form action="file:///D:/前端/前端日記/第八天/1.html">
<fieldset>
<!-- value="我是value" -->
<label for="um">用戶名</label>
<input id="um" type="text" name="username"
placeholder="請輸入6-8位數(shù)字">
<br><br>
<label for="pwd">密碼</label>
<input id="pwd" type="password" name="password"
placeholder="請輸入密碼">
</fieldset>
<br><br>
<fieldset>
性別<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
<br><br>
愛好<input type="checkbox" name="hobby" value="zq">足球
愛好<input type="checkbox" name="hobby" value="lq">籃球
愛好<input type="checkbox" name="hobby" value="pq">排球
</fieldset>
<br><br>
你喜歡的明星
<!-- multiple="multiple" -->
<select name="star">
<optgroup label="男明星">
<option value="lyf">劉亦菲</option>
<option value="bb">baby</option>
</optgroup>
<optgroup label="女明星">
<option value="xzm" selected="selected">小澤瑪利亞</option>
<option value="xzm" selected="selected">趙麗穎</option>
<option value="xzm" selected="selected">鄧超</option>
<option value="xzm" selected="selected">王嘉爾</option>
</optgroup>
</select>
<br><br>
自我介紹<textarea name="info"></textarea>
<br><br>
<input type="submit" value="注冊">
<input type="reset">
<input type="button" name="按鈕">
<br><br>
<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="button">按鈕</button>
</form>
</body>
</html>
表單
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
<style type="text/css">
table{
width: 300px;
margin: 0 auto;
/*border: 1px solid black;*/
/*border-spacing: 0px;*/
border-collapse: collapse;
}
td{
border: 1px solid black;
}
/*tr:nth-child(odd){
background-color: #bfa;
}*/
tbody>tr:nth-child(even){
background-color: #bfa;
}
tr:hover{
background-color: yellow;
}
</style>
</head>
<body>
<table border="1px width=40%">
<tr>
<td>學(xué)號</td>
<td>姓名</td>
<td>性別</td>
<td>年齡</td>
</tr><tr>
<td>1</td>
<td>老王</td>
<td>男</td>
<td>12</td>
</tr><tr>
<td>2</td>
<td>老孫</td>
<td>女</td>
<td>13</td>
</tr><tr>
<td>3</td>
<td>老李</td>
<td>男</td>
<td>14</td>
<!-- <td colspan="2">D4</td> -->
</tr>
</table>
</body>
</html>
表格
