首页 > 其他分享 >直播电商平台开发,HTML和CSS分别实现注册页面表单

直播电商平台开发,HTML和CSS分别实现注册页面表单

时间:2022-12-13 14:23:10浏览次数:58  
标签:表单 HTML 注册 电商 CSS 页面

直播电商平台开发,HTML和CSS分别实现注册页面表单

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML注册页面</title>
</head>
<body>
<form action="#" method="post"><!--传入地址为:#-->
  <table border="1" width="500px">
    <tr>
      <td><label for="username">用户名</label></td>
      <td><input type="text" name="username" id="username" required></td><!--required为必选-->
    </tr>
 
    <tr>
      <td><label for="password">密码</label></td>
      <td><input type="password" name="password" id="password" required></td>
    </tr>
 
    <tr>
      <td><label for="email">Email</label></td>
      <td><input type="email" name="email" id="email" required></td>
    </tr>
 
    <tr>
      <td><label for="name">姓名</label></td>
      <td><input type="text" name="name" id="name" required></td>
    </tr>
 
    <tr>
      <td><label for="tel">手机号</label></td>
      <td><input type="text" name="tel" id="tel" required></td>
    </tr>
 
    <tr>
      <td><label>性别</label></td>
      <td><input type="radio" name="sex" value="male" checked="checked">男<!--checked为默认选择-->
        <input type="radio" name="sex" value="famale">女</td>
    </tr>
 
    <tr>
      <td><label for="birthday">出生日期</label></td>
      <td><input type="date" name="birthday" id="birthday"></td>
    </tr>
 
    <tr>
      <td><label for="checkcode">验证码</label></td>
      <td><input type="text" name="checkcode" id="checkcode">
        <img src="img/yzm1.jpg" width="100px" height="20px"></td>
    </tr>
 
    <tr>
      <td colspan="2"><input type="submit" value="注册"></td><!--colspan合并两个单元格-->
    </tr>
  </table>
</form>
 
</body>
</html>

​以上就是 直播电商平台开发,HTML和CSS分别实现注册页面表单,更多内容欢迎关注之后的文章

 

标签:表单,HTML,注册,电商,CSS,页面
From: https://www.cnblogs.com/yunbaomengnan/p/16978642.html

相关文章

  • HTML布局
    使用<div>元素的HTML布局注释:<div>元素常用作布局工具,因为能够轻松地通过CSS对其进行定位。这个例子使用了四个<div>元素来创建多列布局:<body><divid="hea......
  • HTML 文件路径
      HTML文件路径文件路径描述了网站文件夹结构中某个文件的位置。文件路径会在链接外部文件时被用到:网页图像样式表JavaScript绝对文件路径绝对文件路径是......
  • HTML Js
    HTML<noscript>标签HTML <noscript> 标签定义了替代内容,这些内容将显示给在浏览器中禁用了脚本或浏览器不支持脚本的用户:<script>document.getElementById("demo")......
  • HTML有序、无序、定义列表的使用
    一、无序列表1.基本语法<ul><li></li></ul>2.标签(1)声明无序列表<ul>...</ul>(2)无序列表项<li>...</li>3.无序列表特征1.没有顺序,每个li独......
  • HTML 内联框架
    iframe用于在网页内显示网页。   添加iframe的语法<iframesrc="URL"></iframe>URL 指向隔离页面的位置。Iframe-设置高度和宽度height和width属......
  • html+css+js简易笔记
    html基本结构<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="view......
  • HTML id 属性
    HTML id 属性用于为HTML元素指定唯一的id。一个HTML文档中不能存在多个有相同id的元素。使用id属性id 属性指定HTML元素的唯一ID。 id 属性的值在HTML......
  • 使用v-html指令的禁忌和解决xss注入攻击
    1.由于v-html会执行所有的html代码,因此会执行所有可能带危险的html代码  2.在使用v-html时为了防止XSS攻击,可以安装npminstallxss插件,但是我们在渲染富文本编辑的......
  • CSS实现打字机动画效果
    效果展示CSS3animation(动画)属性语法:animation:namedurationtiming-functiondelayiteration-countdirectionfill-modeplay-state;name设置绑定哪个keyfr......
  • CSS特性和优先级
    CSS特性继承性某些属性,只需要给父级标签去加,则子级自然而然也会实现例:所有控制文字的属性都能继承,反之都不能继承/*1.color2.font-style、font-weight、font-size......