HTML-Label-框架-字符实体-全局属性-CSS基本语法结构

HTML-Label-框架-字符实体-全局属性-CSS基本语法结构

1 回顾

1.1 列表

ul
ol
li
dl
dt
dd

1.2 表格

table
caption
thead
tfoot
tbody
tr
th
td

2 表单

2.1 表单总体设置

<!--表单-->
<form action="http://www.baidu.com/s" target="_blank">

    <!--输入框-->
    <input type="text" name="wd">

    <!--提交按钮-->
    <button>搜 索</button>

</form>

表单中所有的东西都需要包裹在 form 标签中， form 标签就表示一个表单
form 标签具有如下属性：
	action 属性，可以设置表单的提交地址
	method 属性，设置提交的请求方式
	target 属性，设置提交的地址在本窗口打开还是新窗口打开，值：_self、_blank

2.2 表单控件

① 文本输入框

<input type="text">

可以设置 maxlength 属性限制最大输入长度。

② 密码输入框

<input type="password">

可以设置 maxlength 属性限制最大输入长度。

③ 单选按钮

<input type="radio" name="sex"> 女
<input type="radio" name="sex"> 男
<input type="radio" name="sex"> 其他

1. 多个单选按钮需要把 name 属性的值设置为相同的，才可以实现单选效果。
2. 设置 checked 属性，可以让该单选按钮默认选中， checked 属性无需给值。

④ 复选框

<input type="checkbox"> 睡觉
<input type="checkbox" checked> 抽烟
<input type="checkbox" checked> 喝酒
<input type