HTML5基础标签(＜img＞ ＜select＞＜option＞＜optgroup＞ ＜input＞＜datalist＞)

<img>

<!-- 插图 src代表路径,alt: 文件找不到后输出的内容 width:大小-->
		<img src="img/image.jpg" alt="文件损坏" width="500"/><br />

<select>,<option><optgroup>

<select>
			<!--选择框: value返回的东西-->
			<option value="温州">温州</option>
			<option value="杭州">杭州</option>
			<option value="宁波">宁波</option>
		</select>
		
		<select>
			<!-- 选择框带大标签<label>  -->
			<optgroup label="浙江">
				<option >温州</option>
				<option >杭州</option>
				<option >宁波</option>
			</optgroup>
			<optgroup label="四川">
				<option>成都</option>
				<option>广元</option>
				<option>绵阳</option>
			</optgroup>
		</select>
		<br />

<input>

<form action="https//:nwanna.cn">
			<!-- input : -->
			<!-- type:输入的类型 placeholder:输入之前的提示-->
			账号:<input type="text" placeholder="请输入账号"/><br />
			<!-- type="password" 密码类不会有明文 maxlength:限制密码上限 -->
			密码:<input type="password" placeholder="请输入密码" maxlength="11"/><br />
			<!-- date类:会有日期选择框弹出 -->
			日期:<input type="date"/><br />

			<!-- 实现输入框有的选择 -->			
			<!-- datalist配合input -->
			<!-- datalist 的id和list一致 -->
			星座:<input list="list"/><br />
			<datalist id="list">
				<option value="狮子座">狮子座</option>
				<option value="水瓶座">水瓶座</option>
				<option value="天蝎座">天蝎座</option>
				<option value="射手座">射手座</option>
			</datalist>
			
			<!-- 实现选择项 -->
            <!-- name相同只能选择其中一个 -->
			<br />
			<input type="radio" value="A" name="1"/>A
			<input type="radio" value="B" name="1"/>B
			<input type="radio" value="C" name="2"/>C
			<input type="radio" value="D" name="2"/>D
			<br />
			<!-- 实现多选项 -->
			<input type="checkbox" value="a"/>a
			<input type="checkbox" value="b"/>b
			<input type="checkbox" value="c"/>c
			<input type="checkbox" value="d"/>d
			<br />
			<!-- 按钮 -->
			<input type="button" value="提交"  />
			<input type="reset" value="重置"/>
		</form>