表单常用标签 和 属性

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <form action="#" method="get">
            <!--name属性随意写,一般见名知意-->
            <!--size属性输入框的宽度,maxlength最多输入的字符数-->
            <!--readonly不允许输入修改-->
            <!--palceholder输入提示-->
            <!--单选框,复选框,选择框中的 value属性,当选中时候提交会返回value的值-->
            <!--单复选框中的checked属性被设置,表示默认选项-->
            <!--选择框中的selected被设置 表示默认选项-->
            <!--required属性被设置,如果该输入框不填写内容将无法提交-->
            隐藏字段:<input type="hidden" name="id"/><br />
            用户名:<input type="text" name="username" size="40px" maxlength="5" 
                readonly="" placeholder="请输入用户名"/><br />
            密码:<input type="password" name="password" required="required"/><br />
            确认密码:<input type="password" name="repassword"/><br />
            性别:<input type="radio" name="sex" value="男"/><input type="radio" name="sex" value="女" checked="checked"/><br />
            爱好:<input type="checkbox" name="hobby" value="钓鱼" checked="checked"/>钓鱼
            <input type="checkbox" name="hobby" value="打电动" checked="checked"/> 打电动
            <input type="checkbox" name="hobby" value="泡妞"/> 泡妞 <br />
            头像:<input type="file" name="file"/><br />
            籍贯:<select name="province" id="" name="province">
                <option >----请选择-----</option>
                <option value="北京">北京</option>
                <option value="上海" selected="selected">上海</option>
                <option value="广州">广州</option>
                <option value="深圳">深圳</option>
            </select><br />
            自我介绍:<textarea name="zwjs" rows="" cols=""></textarea><br />
            提交按钮:<input type="submit" /><br />
            注册:<input type="submit" value="注册"/><br />            
            普通按钮:<input type="button" value="普通按钮"/><br />
            重置按钮: <input type="reset" />
        </form>
    </body>
</html>

 

转载于:https://www.cnblogs.com/benjamin77/p/9156043.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值