<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>from表单控件</title>
</head>
<body>
        <div>
                <label for="username">账号: </label>
                <input type="text" name="" id="username" placeholder="密码不能超过16位">
        </div>

        <div>
                <label for="password">密码: </label>
                <input type="password" name="" id="password" placeholder="密码最少6位数">
        </div>
         <!-- type 设置控件类型
            name 设置控件名称，最终与值一并发送给服务器
            value  设置控件的值
            placeholder 设置输入框中的提示文本
            maxlength   设置单选项或复选项按钮的默认选中
            selected    设置下拉菜单默认选中 -->
        <div>
                性别：<input type="radio" name="sex" id="">          男      
                      <input type="radio" name="sex" id="">          女
                      <input type="radio" name="sex" id="" checked>  保密
        </div>
        <div>
                爱好：  <input type="checkbox" name="" id="">           吃
                        <input type="checkbox" name="" id="">           玩
                        <input type="checkbox" name="" id="" checked>   睡
        </div>
        <div>
               上传头像： <input type="file" name="" id="">
        </div>
        <div>
                请选择班级： <select name="" id="">
                        <option value="">--清选择--</option>
                        <!-- selected  默认选中， 不写默认现实第一行 -->
                        <option selected  value="">2009班</option>  
                        <option value="">2010班</option>
                        <option value="">2011班</option>
                </select>
        </div>
        <div>
                建议：<textarea name="" id=""></textarea>
        </div>
        <div>
                <input type="button" name="" id="" value="普通按钮">
                <input type="submit" name="" id="">
                <input type="reset" name="" id="">
        </div>
        <!-- <input type="text" name="" id="">           文本框
        <input type="password" name="" id="">            密码框
        <input type="radio" name="" id="">               单选框
        <input type="checkbox" name="" id="">            复选框
        <input type="file" name="" id="">                文件上传
        <input type="button" name="" id="">              普通按钮
        <input type="submit" name="" id="">              提交按钮
        <select name="" id=""></select>                  下拉菜单
        <textarea name="" id="" cols="30" rows="10"></textarea>     文本域 -->
</body>
</html>

效果图

from表单控件.png