HTML表单提交

时间:2023-03-09 04:39:19
HTML表单提交
<!DOCTYPE html>
<!--当前文档为html5-->
<html> <head>
<!--设置文档编码-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<!--设置关键字和描述方便SEO-->
<meta name="keywords" content="关键字">
<meta name="description" content="网站描述">
<!--设置移动端开发缩放比例-->
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0;">
</head> <body>
<!-- <form enctype="multipart/form-data" action="接受表单页面" method="Get"> -->
<form enctype="multipart/form-data">
<p>
<label for="userName">账号</label>
<input type="text" name="userName" id="userName">
</p>
<p>
<label for="passWord">密码</label>
<input type="password" name="passWord" id="passWord">
</p>
<p>
<label for="select">型别</label>
<select name="select" id="select">
<option value="0">男</option>
<option value="1">女</option>
</select>
</p>
<p>
<label for="checkboxGroupAiHao">爱好运动</label>
<input type="checkbox" name="checkboxGroupAiHao" id="checkboxGroupAiHao1" value="1">篮球
<input type="checkbox" name="checkboxGroupAiHao" id="checkboxGroupAiHao2" value="2">足球
<input type="checkbox" name="checkboxGroupAiHao" id="checkboxGroupAiHao3" value="3">乒乓球
</p>
<p>
<label for="radioMZ">民族</label>
<input type="radio" name="radioMZ" id="radioMZ1" value="1">汉
<input type="radio" name="radioMZ" id="radioMZ2" value="2">满
<input type="radio" name="radioMZ" id="radioMZ3" value="3">壮
</p>
<p>
<label for="remeaks">备注</label>
<textarea name="remeaks" id="remeaks" rows="10" cols="10"></textarea>
</p>
<p>
<label for="upload">上传</label>
<input type="file" name="upload" id="upload">
</p>
<p>
<label for="fieldset">分组</label>
<fieldset>
<legend>篮球小组</legend>
<ul>
<li>
1
</li>
<li>
2
</li>
<li>
3
</li>
</ul>
<legend>足球小组</legend>
<ul>
<li>
a
</li>
<li>
b
</li>
<li>
c
</li>
</ul>
</fieldset>
</p>
<p>
<input type="submit" name="提交">
<input type="reset" name="重置">
<input type="button" name="普通按钮">
<button><img src="" width="60" height="20">提交2</button>
</p>
</form>
</body> </html>