HTML 3表单

<form>
		<table width="600px" align="center" bgcolor="#f2f2f2" >
			<tr>
				<td align="right">姓名:</td>
				<td align="left"><input type="text" name="username" size="25" maxlength="12" placeholder="清输入姓名"/></td>
			</tr>
			<tr>
				<td align="right">邮箱:</td>
				<td><input type="text" name="email" value="@163.com" /></td>
			</tr>
			<tr>
				<td>密码:</td>
				<td><input type="password" name="pwd" placeholder="请输入密码"/></td>
			</tr>
			<tr>
				<td>确认密码:</td>
				<td><input type="password" name="pwd_confirm" placeholder="请确认输入密码"/></td>
			</tr>
			<tr>
				<td>上传照片</td>
				<td><input type="file" name="file"/></td>
			</tr>
			<tr>
				<td>性别:</td>
				<td>
					男<input type="radio" name="sex" value="man" />
					女<input type="radio" name="sex" value="women" /> 
					保密<input type="radio" name="sex" value="secret" checked /><!-- radio type name一样单选 -->
				</td>
			</tr>
			<tr>
				<td>爱好:</td>
				<td>
					读书<input type="checkbox" name="cb1" value="read">
					跳舞<input type="checkbox" name="cb1" value="dance">
					旅游<input type="checkbox" name="cb1" value="travel"> <!-- 一组复选框最好名字一样 方便传值 -->
				</td>
			</tr>
			<tr>
				<td>城市:</td>
				<td>
					<select name="city" >
						<optgroup label="华北">
							<option value="北京">北京</option>
							<option value="河北">河北</option>
							<option value="上海" selected>上海</option>
						</optgroup>
						<optgroup label="重庆">
							<option value="重庆">重庆</option>
							<option value="重庆">重庆</option>
							<option value="重庆">重庆</option>
							<option value="重庆">重庆</option>
		![在这里插入图片描述](https://img-blog.csdnimg.cn/20200304195119245.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21seGZvcmE=,size_16,color_FFFFFF,t_70)				</optgroup>
					</select>

				</td>
			</tr>
			<tr>
				<td>自我描述:</td>
				<td>
					<textarea  name="self_evaluation" rows="3" placeholder="自我评价" cols="50%">
						
					</textarea>
				</td>
			</tr>
			<tr>
				
				<td align="center" colspan="2" >
					<input type="button" name="" value="点我">
					<input type="submit" name="" value="submit">
					<input type="reset" name=""  value="reset">
					<input type="image" name="" src="image/image-button.png"> 
					<input type="hidden" name="hidden" value="ssss">

				</td>
			</tr>
		</table>
	</form> 

块级元素可以包含行内元素合某些块级元素
行内元素不能包含块元素 只能包含其他行内元素
块级标签不能放在

内
特殊块元素只能包含行内元素 不能再包含块元素

比如 h1~h6 p dt

块级元素与块级元素并列 行内元素与行内元素并列