微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html表单项h4 常用

    <!-- get:地址栏显示,传输快,8kb -->
    <!-- post:地址栏隐藏,传输不限量,传输慢 -->
    <form action="./提交成功.html" method="post" align="center">
        <!-- 文本框 -->
        昵称:<input type="text" name="name" id="" autofocus placeholder="昵称">
        <!-- 密码框 -->
        <p>密码:<input type="password" name="password" id=""></p>
        <!-- 单选按钮 name形成互斥-->
        <p>性别:<input type="radio" name="sex" id="" value="1">男
            <input type="radio" name="sex" id="" value="0">女
        </p>
        <br>
        <!-- 多选按钮 -->
        <p>兴趣爱好:<input type="checkBox" name="checkBox" id="" value="0">篮球
            <input type="checkBox" name="checkBox" id="" value="1">排球
            <input type="checkBox" name="checkBox" id="" value="2">足球
        </p>
        <!-- 上传阈 -->
        <p>上传:<input type="file" name="file" id="" multiple></p>
        <br>
        <!-- 提交按钮 -->
        <p><input type="submit" value="提交">
            <input type="reset" value="重置">
        </p>
        <!-- 图片提交按钮 -->
        <p><input type="image" src="../images/素材/digi_logo01.gif" alt=""></p>
        <!-- 普通按钮 配合js使用 -->
        <!-- 隐藏框  背着客户偷偷传数据-->
        <input type="hidden" name="">

        <!-- 属性 -->
        <!-- placeholder="" 提示 -->
        <!-- autofocus 自动焦点 -->
        <!-- required 必填 -->
        <!-- maxlength 最多字符 -->
        <!-- multiple 多文件上传 -->

        <!-- 文本阈 -->
        <textarea name="请输入" cols="30" rows="5" maxlength="100"></textarea>
        <br>
        <!-- 下拉列表 -->
        <select name="语言">
            <option value="java">java</option>
            <option value="PHP">PHP</option>
            <option value="c++" selected>c++</option>
        </select>

    </form>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐