• HTML 表格

    1. html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>表格标签title>
    8.  
    9.  
    10.   /*  <style>
    11.         .yun {
    12.             width: 140px;
    13.             height: 48px;
    14.  
    15.         }
    16.     style>*/
    17. head>
    18.  
    19. <body>
    20.     <table border="1px" cellspacing="0" width="600px">
    21.         <tr>
    22.             <th>序列号th>
    23.             <th>品牌Logoth>
    24.             <th>品牌名称th>
    25.             <th>企业名称th>
    26.  
    27.         tr>
    28.         <tr>
    29.             <td>1td>
    30.             <td><img src="写入图片路径" alt="">td>
    31.             <td>华为td>
    32.             <td>华为技术有限公司>td>
    33.         tr>
    34.  
    35.         <tr>
    36.             <td>2td>
    37.             <td><img src="写入图片路径" class="yun">td>
    38.             <td>阿里td>
    39.             <td>阿里巴巴集团控股有限公司>td>
    40.         tr>
    41.     table>
    42. body>
    43.  
    44. html>

     border="1px"  是表格的线条 1像素

    cellspacing="0"  是两个线条的距

    序列号 单元格字体加租剧中显示

    1 是普通单元格

    效果

    表单标签

    1. html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>表单标签title>
    8.     <style>
    9.  
    10.     style>
    11. head>
    12.  
    13. <body>
    14.  
    15.     <form action="" method="post">
    16.  
    17.         用户:<input type="text" name="username"><br> <br>
    18.         密码:<input type="password" name="password"><br> <br>
    19.         性别:<label><input type="radio" name="gender" value="1">男label>
    20.         <label><input type="radio" name="gender" value="2">女label><br> <br>
    21.         爱好:<label><input type="checkbox" name="hobby" value="java">javalabel>
    22.         爱好:<label><input type="checkbox" name="hobby" value="html">HTMLlabel>
    23.         爱好:<label><input type="checkbox" name="hobby" value="c">c语言label><br> <br>
    24.         图片:<input type="file" name="image"> <br> <br>
    25.         生日:<input type="date" name="birthday"> <br> <br>
    26.         时间:<input type="time" name="time"> <br> <br>
    27.         日期时间:<input type="datetime-local" name="datetime"> <br> <br>
    28.         邮箱:<input type="email" name="email"> <br> <br>
    29.         年龄:<input type="number" name="age"> <br> <br>
    30.         学历: <select name="degree" id="">
    31.             <option value="">----------请选择---------option>
    32.             <option value="1">大专option>
    33.             <option value="2">本科option>
    34.             <option value="3">硕士option>
    35.             <option value="4">博士option>
    36.  
    37.         select><br> <br>
    38.         描述:<textarea name="description" cols="30" rows="10">textarea> <br> <br>
    39.         <input type="hidden" name="id" value="1">
    40.  
    41.         <input type="button" value="按钮">
    42.         <input type="reset" value="重置">
    43.         <input type="submit" value="提交">
    44.  
    45.  
    46.  
    47.     form>
    48. body>
    49.  
    50. html>

    action=" " 指定后端url地址

    method="post"  请求方式 有两种 method="get" 

    表单标签输入方式type属性后面地双引号里面的值决定

  • 相关阅读:
    横板格斗类游戏实战：UI框架的制作
    电脑投屏到TCL电视鼠标延迟
    C#通过Entity Framework实体对数据表增删改查
    python开发实验管理系统（lims)中的标准管理--检测标准
    asp.net coremvc+efcore增删改查
    深入探索JVM高效并发 — Java内存模型(二)
    【Android】MVC,MVP,MVVM的优缺点
    C1. k-LCM (easy version)-Codeforces Round #708 (Div. 2)
    阿里云 Oss 权限控制
    Oracle数据库：使用 bash脚本 + 定时任务 自动备份数据
  • 原文地址：https://blog.csdn.net/m0_46290090/article/details/134184212