一、表单控件:
分成两个部分:
(1)表单域: 包含表单元素的区域. 重点是 form 标签.
(2)表单控件: 输⼊框, 提交按钮等. 重点是 input 标签.
常见属性:
a. type: 类型(文本、密码、按钮)
b. name : 标签的名称
c. value : 给当前标签一个默认的值
d. checked : 是否选中(只针对单选框和复选框)
e. maxlength : 最大的长度 (主要针对文本框和 密码框)
f. label标签
g. select标签:下拉框
h. 多行文本
i. ⽆语义标签: div & span
div:独占一行,用于分割
整体效果展示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action = "https://www.baidu.com">
<table>
<tr>
<td>用户名:</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<input type="password">
</td>
</tr>
<tr>
<td>性别:</td>
<td>
<input id="man" name="sex" type="radio" value="男" >
<label for="man">男</label>
<input name="sex" type="radio" value="女" >
<label for="man">女</label>
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
<input type="checkbox"> 喝酒
<input type="checkbox"> 跑步
<input type="checkbox"> 唱歌 &a