HTML基本注册表格式

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=

    , initial-scale=1.0">

    <title>Document</title>

</head>

<body bgcolor="pink">

   <form action="2.html">

  <p style="text-align: center;font-size: xx-large;" >

    <b>用户注册</b>  </p>

    <p style="text-align: center;">

用户名:<input type="text" required><!-- 文本输入框 --><br><br>

    &nbsp;&nbsp;&nbsp;密码: <input type="password" autofocus required><!-- 密码输入框输入,输入密码不可视为小黑点 --><br>

    请选择您的性别:<input type="radio" name="gender" checked><!-- name属性为gender为单选按钮  checke为默认选中 -->

    <input type="radio" name="gender">女<br>

    请选择您的爱好:<input type="checkbox">足球<input type="checkbox">篮球<input type="checkbox">LOL<input type="checkbox">韩剧<input type="checkbox">王者荣耀<br>

<!-- 属性为checkbox为复选框 用于多选条件-->

    <br>邮箱:<input type="email" name="" id="" value="请输入您的邮箱"><br>

    <br>用户头像:<input type="file"><br><!--file是文件域可以添加文件  类似提交作业上传文件 -->

    您的家庭地址是:<select name="" id="" >

        <option value="">西安</option><!-- option下拉列表 -->

        <option value="">永川</option>

        <option value="">江北</option>

        <option value="">万州</option>

    </select><br><br>

您的收货地址是:<select name="" id="" multiple >

    <option value=" " aria-readonly="">请选择您的收货地址</option>

    <option value="">西安</option>

    <option value="">永川</option>

    <option value="">江北</option>

    <option value="">万州</option>

</select>

<br><br>

请留下您的建议或意见:<textarea name="" id="" cols="30" rows="10">您是建议或意见</textarea><!-- textarea多行文本输入框 类似excel中的备注-->

<br><br>请您选择您喜欢的颜色:<input type="color">注册的时间:<input type="datetime-local">

   <br><br><input type="submit" value="注册"><input type="reset" value="重置">

 </p>  

</form>

</body>

</html>

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值