DEMO

a479d815cc11d8ba920eefe1faa75399.png

CODE

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="" >
            <!-- inuput 输入的控件（工具） -->
            <!-- 需要掌握集中常见的属性 -->
            <!-- type：text 表示文本输入框  
                 type：password 密码框 不可见
                 type：checkbox 复选框
                 type：radio 单选框 实现单选，需要name属性，组成一个组、
                 type：hidden 隐藏当数据不想被用户看见时使用
                 type：buttom 普通按钮 点击以后不会触发提交行为 应用场景：留给JS来触发提交数据
                 type：file 文件上传控件

             
            -->
            
            文本框<input type="text" name=""  />
            密码框<input type="password" name=""  /><br>
            复选框1:<input type="checkbox" name=""  />
            复选框2:<input type="checkbox" name=""  /><br>
            单选框1:<input type="radio" name="1"  />
            单选框2:<input type="radio" name="1"  /><br>
            隐藏域:<input type="hidden" /><br>
            普通按钮:<input type="button" value="登录" /><br>
            提交按钮:<input type="submit" value="sub登录" /><br>
            file:<input type="file" />
            
        </form>
    </body>
</html>
最后修改：2019 年 11 月 02 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏