五、表单.html

#以下内容支持在Hbuilder中使用(或idea)
<html>
    <head>
        <meta charset="UTF-8">
        <title>
表单</title>
    </head>
    <body>

        <!--表单:主要用来收集用户填写的信息-->
        <form>
            <!--表单元素-->
            <!--input系列-->
            <!--1、文本输入框 size:控件长度;maxlength:控制中文字的
            最大数量;placeholder:提示;name:控件名称;value:初始值-->
            <p>
                用户名:<input type="text" size="20px" maxlength="6px" 
                    placeholder="请输入用户名"/>
            </p>
            <!--2、密码框-->
            <p>
                <label>密码:</label>
                <input type="password" />
            </p>
            <!--3、单选框一定要有name,通过name值相同的分组-->
            <p>
                性别:<input type="radio" name="sex" value="男" checked/>男
                <input type="radio" name="sex" value="女" />女
            </p>
            <!--4、复选框-->
            <p>
                中午吃什么:<input type="checkbox" name="food" value="盘餐" />盘餐
                           <input type="checkbox" name="food" value="盖浇饭" />盖浇饭
                           <input type="checkbox" name="food" value="炸鸡" />炸鸡
                           <input type="checkbox" name="food" value="油泼面" />油泼面
                           <input type="checkbox" name="food" value="大盘鸡" />大盘鸡
            </p>
            <!--5、文本选择框-->
            <p>
                选择文件:<input type="file" />
            </p>
            <!--6 、隐藏框-->
            <p>
                <input type="hidden" value="1001" />
            </p>
            <!--7、按钮-->
            <p>
                <!--(1)、普通按钮-->
                <input type="button" value="普通按钮" />
                <!--(2)、提交按钮-->
                <input type="submit" />
                <!--(3)、重置按钮-->
                <input type="reset" /> 
            </p>
            <!--8、非input系列,下拉框-->
            <p>
                省份:
                <select name="province">
                    <option value="js">江苏</option>
                    <option value="sx" selected>山西</option>
                    <option value="zj">浙江</option>
                    <option value="hb">湖北</option>
                </select>
            </p>
            <!--9、文本域textare:可设置宽高(高:rows;宽:cols)-->
            <p>
                备注:<textarea rows="10px" cols="30px"></textarea>
            </p>
            <!--10、时间框 -->
            <p>
                时间:<input type="date" />
            </p>    
        </form>    
    </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值