html基础知识-表格标签（form，input）
作者：互联网
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- <title></title>
form 、input
form：表单最外层容器(如果没有form标签，其他功能点击没响应)
input：用户搜索用户信息 如：输入框，密码框等
type：
test 普通文本输入框
password 密码输入框
placeholder="回显内容" 回显内容
checkbox 复选框
checked 默认勾选复选框
disabled 不可勾选该复选框
radio 单选框
name="值" 只可勾选一个单选框
file 上传文件
submit 点击提交
action=“地址” 传入后台的地址
reset 点击重置
输入的数据都被清空
textarea
cols="100" 占多少列
rows="100" 占多少行
select
option 下拉框
selected 默认选中
size 显示几项
multiple 可多选
label for 可根据文本勾选复选框
</head> -->
<body>
<form action="http://www.baidu.com">
1.普通文本输入框
<input type="text" placeholder="请输入用户名"/><br />
2.密码输入框
<input type="password" placeholder="请输入密码" /><br />
3.复选框
<input type="checkbox" checked/>男
<input type="checkbox" disabled=""/>女<br />
4.单选框
<input type="radio" name="可勾选一个"/>男
<input type="radio" name="可勾选一个"/>女<br />
5.上传文件
<input type="file" /><br />
6.提交按钮
<input type="submit" /><br />
7.重置
<input type="reset" /><br>
8.多行文本框
<textarea placeholder="请输入您的内容" cols="50" rows="20"></textarea><br>
9.下拉菜单
1.默认<br />
<select>
<option selected disabled>请选择</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select><br />
2.页面展示几项内容<br />
<select size="3">
<option selected disabled>请选择</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select><br />
3.可多选<br />
<select multiple>
<option selected disabled>请选择</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select><br />
4.上传文件也可以多选文件
<input type="file" multiple/><br>
5.通过点击男女，则勾选单选框
<input type="radio" name="0" id="1" /><label for="1">男</label>
<input type="radio" name="0" id="2" /><label for="2">女</label>
</form>
</body>
</html>
标签：form,单选框,复选框,输入框,html,input,勾选 来源： https://www.cnblogs.com/wsx123/p/15710606.html