HTML表单input控件1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input控件</title>
</head>
<body>
    <form action="register.action" id="oneForm">
        用户名:
            <input type="text" name="username" value="briup"><br>
        用户名:
            <input type="text" name="username1" placeholder="briup"><br>
        密码:
            <input type="password" name="password"><br>
        确认密码:
            <input type="password" name="password1"><br>
        性别:
            <input type="radio" name="gender" value="male" id="maleInput">
            <label for="maleInput">男</label>
            <input type="radio" name="gender" value="female" id="femaleInput">
            <label for="femaleInput">女</label>
            <br>
        爱好:    
            <input type="checkbox" name="hobby" value="basketball">篮球
            <input type="checkbox" name="hobby" value="singing">唱歌
            <input type="checkbox" name="hobby" value="swimming">游泳
            <br>
        籍贯:
            <select name="address" id="" multiple size="7">
                <option value="">请选择</option>
                <option value="上海">上海</option>
                <option value="江苏">江苏</option>
                <option value="山西">山西</option>
                <option value="北京">北京</option>
            </select>
            <br>
        个人简介:
            <textarea name="info" id="" cols="30" rows="10" placeholder="请输入个人简介,不少于30字"></textarea>
            <br>
            
            <input type="submit" value="提交">
            <input type="button" value="btn-input">
            <button>btn-btn</button>
            <button type="submit">submit-btn</button>
            <button type="reset">reset-btn</button>
            <input type="reset" value="重置">
    </form>
    <button type="submit" form="oneForm">外-btn</button>
</body>
</html>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值