html 可提交数据到后台的标签
2018-08-21 本文已影响0人
奔跑的老少年
html中可提交数据到后台的标签有：
1、input标签
2、select标签
3、textarea标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>input check radio</title>
</head>
<body>
<form action="" enctype="multipart/form-data">
<p>性别：</p>
<!--type="radio"选项不互斥，属性name为相同值时可互斥成为单选,value值不同可区分提交到服务器的选项是谁-->
男：<input type="radio" name="qq" value="1">
女：<input type="radio" name="qq" value="2">
<p>爱好：</p>
<!--type="checkbox"多选，设置value值不同以区分提交的选项，checked="checked"默认选中-->
足球：<input type="checkbox" name="favor" value="1">
篮球：<input type="checkbox" name="favor" value="2" checked="checked">
乒乓球：<input type="checkbox" name="favor" value="3"><br>
<p>上传文件</p>
<!--文件上传依赖于form表单enctype="multipart/form-data" 属性，不然上传不了-->
<input type="file" name="fname"><br>
<!--多行输入内容提交-->
<textarea name="meno">默认值</textarea>
<!--下拉框，单选,multiple="multiple"可多选,size显示多个-->
<select name="city" id="" multiple="multiple" size="10">
<option value="1">beijing</option>
<option value="2">shanghai</option>
<option value="3">chegndu</option>
</select>
<input type="submit">
<input type="reset" value="重置">
</form>
</body>
</html>
