表单标签格式

!DOCTYPE html>
<html>
    <head>
        <meta charset=";utf-8"; />
        <title>表单标签</title>
    </head>
    <body>
        <!-- 
        表单标签:
         1.表单域:form标签包含的区域
         2.表单标签:输入input、选择select、文本域textarea
         3.提示信息:文本
         -->
        <form>
            <!-- input:输入 -->
            <!-- type:类型 -->
            <!-- text:文本,明文 -->
            <!-- placeholder:占位符 -->
            <span>用户名:</span><input type=";text"; placeholder=";请输入6~8个字符"; />
            <br />
            <!-- password:密码,掩码 -->
            <span>密码:</span><input type=";password"; placeholder=";请输入密码"; />
            <br />
            <!-- radio: 单选 -->
            <span>性别:</span><input type=";radio"; name=";xb"; /><span>男</span>
                              <input type=";radio"; name=";xb"; /><span>女</span>
                              <input type=";radio"; name=";xb"; /><span>其他</span>
            <br />
            <!-- chenkbox:复选框 -->
            <span>个性化定制:</span><input type=";checkbox"; name=";gxh"; /><span>懒</span>
                                    <input type=";checkbox"; name=";gxh"; /><span>深夜emo</span>
                                    <input type=";checkbox"; name=";gxh"; /><span>深情</span>
            <br />
            <!-- button:按钮 -->
            <input type=";text"; placeholder=";请输入验证码"; />
            <input type=";button"; value=";点击发送验证码"; />
            <br />
            <!-- reset:重置 --> <!--  submit:提交 -->
            <input type=";reset"; />
            <input type=";submit"; value=";注册"; />
            <br />
            <span>选课:</span>
            <select>    <!-- 下拉选择 -->
                <option>大学英语</option>     <!-- 选项 -->
                <option>高数</option>
                <option>前端</option>
            </select>
            <br />
            <span>描述:</span>
            <textarea></textarea> <!-- 文本域 -->
        </form>
    </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值