18表单input标签
作用
收集用户输入数据
使用场景
登录页面
注册页面
搜索区域
示例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>input标签使用</title>
</head>
<body>
<!-- text文本框,placeholder用于输入占位文本,提示用户输入的信息 -->
文本框<input type="text" placeholder="请输入用户名">
<br><br>
<!-- password密码框,placeholder用于输入占位文本,提示用户输入的信息 -->
密码框<input type="password" placeholder="请输入密码">
<br><br>
<!-- radio单选框 -->
单选框<input type="radio">
<br><br>
<!-- radio单选框,name属性为空间分组,同组只能选一个,checked属性为默认选中 -->
性别:
<input type="radio" name="gender" checked>男
<input type="radio" name="gender">女
<br><br>
<!-- checkbox复选框 -->
复选框<input type="checkbox">
<br><br>
<!-- checkbox复选框,checked属性为默认选中 -->
兴趣爱好:
<input type="checkbox" checked>读书
<input type="checkbox" checked>看电影
<input type="checkbox">骑行
<br><br>
<!-- file上传文件 -->
上传文件<input type="file">
<br><br>
<!-- file上传文件的multiple属性可上传多个文件 -->
上传文件<input type="file" multiple>
</body>
</html>