列表元素&表单入门

列表

将一些内容或者样式类似相近，相关的内容一起书写，列表是由列表类型和列表项组成。

无序列表：

<ul></ul>
无序列表Unorder List
<li></li>
列表项List Item

1. 无序列表，无先后顺序。ul>li
2. ul>li*4然后按键盘tab键可以快速生成4个li
3. <ul type="square"></ul>  方形
4. <ul type="disc"></ul>  实心圆，也是默认值
5. <ul type="circle"></ul>  空心圆
6. ul和li标签不允许单独出现，必须组合出现
7. ul的直接子级只能是li标签，li标签里面可以去嵌套其它标签比如p、h1~h6、a、img等，甚至可以嵌套ul>li
如:
<ul>
	<li>
		<p></p>
	</li>
</ul>
或者
<ul>
	<li>
		<ul>
			<li>
			</li>
		</ul>
	</li>
</ul>

有序列表：

<ol></ol>
有序列表Order List
<li></li>
列表项List Item

1. 有序列表，强调先后顺序。ol>li
2. <ul type="" start=""></ul>   属性：i/I/A/a/1
3. ol和li标签不允许单独出现，必须组合出现
4. u1的直接子级只能是li标签，li标签里面可以去嵌套其它标签比如p、h1~h6、a、img等，甚至可以嵌套ul>li，ol>li
5. ol>li*3然后按键盘tab键可以快速生成3个li

自定义列表：

<dl></dl>
definition list定义一个定义列表
<dt></dt>
definition term定义列表中的一个术语
<dd></dd>
definition description对术语进行解释和说明

1. dl>dt+dd
2. 一个术语可以有多/0个解释，也就是一个dt可以有多/0个dd

表单

表单主要是由客户端向服务器传递数据，常见的注册、登陆、调查问卷、留言簿等

<form></form>
声明表单，表单最外层的容器

<input>
用于搜集用户信息，根据不同的type属性值，展示不同的控件，如输入框、密码框、多选框、单选框、提交、重置等

<form action="" method="">
	<!-- action数据提交的地址，method提交的方式 -->
	
	<input type="text" placeholder="请输入您的账号 ">
	<input type=" password" placeholder= "请输入您的密码">
	<!-- placeholder提示文字 -->
	<!-- text表示文本框，password密码框 -->
	
	<!-- 单选radio -->
	<input type="radio" name="sex">男
	<input type="radio" name="sex">女
	<!-- name值一样的为一组 -->
	
	<!-- 多选checkbox -->
	<input type="checkbox">西瓜
	<!-- 自由选择 -->
	<input type="checkbox" disabled="disabled">苹果
	<!-- disabled="disabled" 置灰状态 -->
	<input type="checkbox" checked="checked">草莓
	<!-- checked=" checked" 默认选中 -->

	<!-- 下拉列表 -->
	<select>
		<option value="">请选择</option>
		<option value="">河南</option>
		<option value="">山东</option>
		<option value="">北京</option>
		<option value="">上海</option>
	</select>
	
	<!-- 提交submit -->
	<input type="submit" value="提交">
	<!-- value可写可不写 -->
	<!-- 提交的位置：action="" -->
	
	<!-- 重置reset -->
	<input type="reset" value="重置">
	<!-- value可写可不写 -->
</form>