Day28 htmlcss 补充知识点颜色alpha通道尺寸百分比最大最小宽高 label的使用重置按钮

最新推荐文章于 2023-10-29 10:02:23 发布

Crimson418

最新推荐文章于 2023-10-29 10:02:23 发布

阅读量247

点赞数

文章标签： servlet 前端 java

本文链接：https://blog.csdn.net/weixin_70432149/article/details/126726843

版权

表单进阶效果图：

html：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css" />
  </head>
  <body>
    <form class="container">
      <h1>用户注册</h1>
      <div class="form-item">
        <input
          class="txt"
          type="text"
          maxlength="11"
          placeholder="请输入11位手机号"
        />
        <!-- value表示已经输入的文本  placeholder是占位符 -->
      </div>
      <div class="form-item clearfix">
        <input class="txt left code" type="text " placeholder="青填写验证码" />
        <button type="button" class="right">发送验证码</button>
        <!-- 有按钮的地方用button  type=button 变成普通按钮 -->
      </div>
      <div class="form-item">
        <input class="txt"