html5|列表和表单

---

列表

无序列表

没有先后顺序的列表

1. ul和li必须组合出现
2. ul的直接子集必须是li，li可以包含其他标签

<ul type=""><!--无序列表 unorder list-->
		宝可梦
		<li>妙蛙种子</li>
		<li>杰哥龟</li>
		<li>鲁斯王</li>
	</ul>

• 但是ul的type在html5当中是作为一个废弃属性（Deprecated HTML
  attribute），list-style-type是用来替换type的新属性。list-style-type有很多新的序号表现，还是挺有意思的。

<ul style="list-style-type: lower-greek">
		宝可梦
		<li>妙蛙种子</li>
		<li>杰哥龟</li>
		<li>鲁斯王</li>
	</ul>

ul可以多层嵌套

	<ul style="list-style-type: circle">
		宝可梦
		<li>草系精灵
			<ul>
				<li>妙蛙种子
					<ul>
						<li>妙蛙草</li>
						<li>妙蛙花</li>
					</ul>
				</li>
				<li>月桂叶</li>
			</ul>
		</li>
		<li>水系精灵</li>
		<li>火系精灵</li>
	</ul>

---

有序列表

<ol type="A" start="2">
	<li>敌法师</li>
	<li>耐温摩尔</li>
	<li>探险家</li>
</ol>

• 有序列表的type可以更改排序序号，可以去ol序号去查阅。
• start可以决定序号从哪里开始，2就是从大写字母的B开始。

ol同样可以用ul嵌套

</ol>
	<ol type="A" start="2">dota英雄
		<li>
			敏捷英雄
			<ul>
				<li>敌法师</li>
			</ul>
		</li>
		<li>
			力量
			<ul>
				<li>半人马</li>
			</ul>
		</li>
		<li>
			智力英雄
			<ul>
				<li>卡尔</li>
			</ul>
		</li>
	</ol>

---

自定义列表

一般常见有三个标签分别是：
dl（Description List）、dt（The Description Term）、dd（The Description Details）。

dl就是定义这个自定义列表的标签，dt就是列表的一项、一个值，dd就是dt进行解释的标签。

<dl>
	<dt>孙悟空</dt>
	<dd>孙悟空是中国著名的神话人物之一，出自四大名著之《西游记》。</dd>
	<dt>孙悟空很强吗</dt>
	<dd>强，很强</dd>
	<dt><img src="images/1.jpg" alt="线稿"> </dt>
	<dd>这就是一张图片</dd>
</dl>

---

表单

• 表单就是网站上常见的一些登录注册用的框框。
  form声明表单，是表单的容器，input就是负责接收数据的文本框。

---

账号密码

<form action="">
	username：
	<label>
	<input type="text" placeholder="请输入您的账号">
	</label>
	password：
	<label>
		<input type="password">
	</label>
</form>

---

单选多选

		<input type="checkbox">敌法师
		<input type="checkbox">半人马战行者
		<input type="checkbox" disabled="disabled">卡尔
	性别：
		<input type="radio">男
		<input type="radio">女

• disabled就是不给选。
  

---

提交重置

	<!--提交: submit-->
	<input type="submit" value="提交">
	<!--重置: reset-->
	<input type="reset" value="重置">

下拉列表

	<label>
		你在个城市
		<select>
			<option>请选择</option>
			<option>北京</option>
			<option>广东</option>
			<option>上海</option>
			<option>青岛</option>
		</select>
	</label>