Neworld

input 标签
DEMOCODE<!DOCTYPE html> <html> <head&g...
扫描右侧二维码阅读全文
10
2019/07

input 标签

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>
文章名: 《input 标签》

本文链接:https://www.neworld.studio/836.html

除特别注明外,文章均由 Neworld 原创

 原创文章 转载时请注明 出处 以及文章链接
最后修改:2019 年 07 月 10 日 07 : 50 PM

发表评论