HTML总结之form表单和table表格

最新推荐文章于 2024-09-20 22:38:40 发布
最新推荐文章于 2024-09-20 22:38:40 发布
阅读量4k 收藏 25
点赞数 6
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74385608/article/details/129818541
版权
本文详细介绍了HTML中的form表单和table表格元素，包括表单的定义、属性、HTTP协议的基础知识，以及get和post请求的区别。此外，还探讨了input元素的不同类型和属性，以及select和textarea元素的用法。表格部分讲解了如何定义表格、设置边框、宽高、对齐方式以及背景，并展示了单元格合并的方法。
摘要由CSDN通过智能技术生成

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

前言

目录

一、HTML是什么？

1.1、HTML示例

​编辑1.2.示例展示

二、form表单

1.1表单如何定义？

2.2form三个重要的属性

2.3http协议

2.3.1.1http请求

2.3.1.2http响应

2.3.2 get请求和post请求

2.4表单元素

                 2.4.1input元素（文本框）

                 2.4.2select元素（选择框）

                 2.4.3textarea元素（文本域）

 三、table表格

1.1table表格如何定义

1.2表格的属性

                1.2.1表格的边框属性

                1.2.2表格的表头

                1.2.3表格的宽和高

                1.2.4表格对齐

                1.2.5表格的背景

                1.2.6表格的填充和边距

1.3表格的合并

总结

前言

因为最近在学习html所以就来聊聊两个比较重要的标签table与form。

一、HTML是什么？

           HTML 全称为 HyperText Mark-up Language，翻译为超文本标签语言，标签也称作标记或者元 素。 HTML 是目前网络上应用最为广泛的技术之一，也是构成网页文档的主要基石之一。HTML文本是 由 HTML 标签组成的描述性文本，HTML 文本可以说明文字、图形、动画、声音、表格、链接等。 超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超 级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”和存在媒体文件（也 就是超越了普通文本文件）。 HTML 的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而 主 体则包含所要说明的具体内容。需要说明的是 HTML 不是编程语言，而是一种描述性的语言，用于描 述 超文本中内容的显示方式。比如，文字以什么颜色、大小显示，图片以什么尺寸、位置来显示等。这些 描述都是用 HTML 标签来描述的。

1.1、HTML示例

1.2.示例展示

二、form表单

1.1表单如何定义？

 正如器名字form表单就是用form来定义代码如下：

<form>
 .
form elements
 .
</form>

后续的内容在里面编写即可。

2.2form三个重要的属性

form标签类似于一个容器标签，有着3 个重要的属性，分别是"name","action","method"

"name":正如name的中文意思是给这个表单取名字一样，因为在后续的编写中需要对这个表格的样式进行改变之类的一些操作，所以需要给他名字才能定位到它。他的属性值是由字符串来的。

"action":它的作用是提交表单时执行的动作,他的意思是当提交表单时，向何处发送表单数据。所以他的属性值是文件路径。

“methond”:它的作用是规定在提交表单时所用的 HTTP 方式。下面也会讲述与http有关的知识。

还有许多属性在这就不过多介绍可以通过下表了解一下：

2.3http协议

          http（超文本传输协议）是一个基于请求与响应模式的、无状态的、应用层的协议，常基于TCP的 连接方式，HTTP1.1版本中给出一种持续连接的机制，绝大多数的Web开发，都是构建在HTTP协议之上 的Web应用。

2.3.1.1http请求

         http请求由三部分组成，分别是：请求行、消息报头、请求正文

      1、请求行以一个方法符号开头，以空格分开，后面跟着请求的URI和协议的版本，格式如下： Method Request-URI HTTP-Version CRLF 其中 Method表示请求方法；Request-URI是一个统一资源 标识符；HTTP-Version表示请求的HTTP协议版本；CRLF表示回车和换行（除了作为结尾的CRLF外，不 允许出现单独的CR或LF字符）。

      请求方法（所有方法全为大写）有多种，各个方法的解释如下：

      GET 请求获取Request-URI所标识的资源

      POST 在Request-URI所标识的资源后附加新的数据

      HEAD 请求获取由Request-URI所标识的资源的响应消息报头

      PUT 请求服务器存储一个资源，并用Request-URI作为其标识 DELETE 请求服务器删除Request-URI所标识的资源

      TRACE 请求服务器回送收到的请求信息，主要用于测试或诊断

      CONNECT 保留将来使用

      OPTIONS 请求查询服务器的性能，或者查询与资源相关的选项和需求

   应用举例：

      GET方法：在浏览器的地址栏中输入网址的方式访问网页时，浏览器采用GET方法向服务器获取资 源，

      POST方法要求被请求服务器接受附在请求后面的数据，常用于提交表单

2.3.1.2http响应

         HTTP响应也是由三个部分组成，分别是：状态行、消息报头、响应正文

1、状态行格式如下： HTTP-Version Status-Code Reason-Phrase CRLF

其中，HTTP-Version表示服务器HTTP协议的版本；Status-Code表示服务器发回的响应状态码；

Reason-Phrase表示状态代码的文本描述。

状态代码有三位数字组成，第一个数字定义了响应的类别，且有五种可能取值：

1xx：指示信息--表示请求已接收，继续处理

2xx：成功--表示请求已被成功接收、理解、接受

3xx：重定向--要完成请求必须进行更进一步的操作

4xx：客户端错误--请求有语法错误或请求无法实现

5xx：服务器端错误--服务器未能实现合法的请求 常见状态代码、状态描述、说明：

200 OK //客户端请求成功

400 Bad Request //客户端请求有语法错误，不能被服务器所理解

401 Unauthorized //请求未经授权，这个状态代码必须和WWW-Authenticate报头域一起使用

403 Forbidden //服务器收到请求，但是拒绝提供服务

404 Not Found //请求资源不存在，eg：输入了错误的URL

500 Internal Server Error //服务器发生不可预期的错误

503 Server Unavailable //服务器当前不能处理客户端的请求，一段时间后可能恢复正常

2.3.2 get请求和post请求

    1.get是从服务器上获取数据，post是向服务器传送数据。

    2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对 应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER 内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。

    3.对于get方式，服务器端用Request.QueryString[]获取变量的值，对于post方式，服务器端用 Request.Form[]获取提交的数据。

    4.get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论 上，IIS4中最大量为80KB，IIS5中为100KB。

    5.get安全性非常低，post安全性较高。但是执行效率却比Post方法好。

建议：

   1、get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式；

   2、在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式；

2.4表单元素

     表单元素有三个标签组成input、 textarea、 select，它们都是用于写元素（文本框，密码框之类的），然后在html5中新扩展了datalist，keygen， output，button。

2.4.1input元素（文本框）

      input表单元素的语法格式如下：

<input type="元素类型" name="元素名称" value=”元素值”id="客户端唯一标识">

   一、输入类型

（1）text类型：定义供文本输入的单行输入字段

  代码如下：  

​
<!DOCTYPE html>
<html>
<body>

<form action="/demo/demo_form.asp">
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
<br><br>
</form>
</body>
</html>

​

  运行结果如下：

（2）password类型：定义密码字段：

 代码如下：

<!DOCTYPE html>
<html>
<body>

<form action="">
User name:<br>
<input type="text" name="userid">
<br>
User password:<br>
<input type="password" name="psw">
</form>
</body>
</html>

运行结果如下：

 与text的区别在于password 字段中的字符会被做掩码处理（显示为星号或实心圆）。

（3）submit类型：定义提交表单数据至表单处理程序的按钮。

代码如下：

<!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>submit类型</title>
</head>
<body>
    <form action="0.0">
         <input type="submit" value="提交" >
    </form>
</body>
</html>

运行结果如下：

如果您点击提交，表单数据会被发送到名为0.0的页面。

注意: 如果您省略了提交按钮的 value 属性，那么该按钮将获得默认文本

(4)radio类型：单选按钮允许用户仅从有限的选项中选择一个：

<!DOCTYPE html>
<html>
<body>
<form action="/demo/demo_form.asp">
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
<br><br>
</form> 
</body>
</html>

运行结果如下：

 有checked会被选中。

(5)button类型:定义按钮

代码如下:

<!DOCTYPE html>
<html>
<body>
<button type="button" onclick="alert('Hello World!')">Click Me!</button>
</body>
</html>

运行结果如下：

点击按钮后就会显示Hello World!

(6)number类型：用于应该包含数字值的输入字段。

 代码如下：

<!DOCTYPE html>
<html>
<body>
<form action="/demo/demo_form.asp">
  数量（1 到 5 之间）：
  <input type="number" name="quantity" min="1" max="5">
</form>
</body>
</html>

运行结果如下：

（7）剩下类型用法差不多就一并说了

        date类型：用于应该包含日期的输入字段

         color类型：用于应该包含颜色的输入字段。

         range类型：用于应该包含一定范围内的值的输入字段。

         month类型： 允许用户选择月份和年份。

         week类型：允许用户选择周和年

         time类型：允许用户选择周和年

         datetime类型：允许用户选择日期和时间（有时区）。

         datetime-local类型：允许用户选择日期和时间（无时区）

         email类型：用于应该包含电子邮件地址的输入字段。

         search类型 ：用于搜索字段（搜索字段的表现类似常规文本字段）。

         tel类型：用于应该包含电话号码的输入字段。

         url类型：用于应该包含 URL 地址的输入字段。

代码如下：

<!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>
</head>
<body>
    <form action="">
    date类型：<input type="date" name="" id="">
    </br>
    color类型：<input type="color" name="" id="">
    </br>
    range类型：<input type="range" name="" id="">
    </br>
    month类型：<input type="month" name="" id="">
    </br>
    week类型：<input type="week" name="" id="">
    </br>
    time类型：<input type="time" name="" id="">
    </br>
    datetime类型：<input type="datetime" name="" id="">
    </br>
    datetime-local类型：<input type="datetime-local" name="" id="">
    </br>
    email类型：<input type="email" name="" id="">
    </br>
    search类型：<input type="search" name="" id="">
    </br>
    tel类型：<input type="tel" name="" id="">
    </br>
    url类型：<input type="url" name="" id="">
    </form>
</body>
</html>

运行结果如下：

二、输入属性

（1）readonly属性:属性规定输入字段为只读（不能修改）：

<!DOCTYPE html>
<html>
<body>
<form action="">
<input type="text" name="" value ="你动不了我哦" readonly>
<br>
</form>
</body>
</html>

运行结果如下： 

 （2）disabled属性：属性规定输入字段是禁用的。

代码如下：

<!DOCTYPE html>
<html>
<body>
<form action="">
<input type="text" name="" value ="我是禁止的捏" disabled>
<br>
</form>
</body>
</html>

运行结果如下：

 （3）required属性：在提交时，如果元素中内容为空白，则不允许提交，同时在浏览器中会弹出 提示文字。

代码如下：

<!DOCTYPE html>
<html>
<body>
<form action="">
<input type="text" name="" value ="" required>
<br>
<input type="submit" name="" value="提交">
<br>
</form>
</body>
</html>

运行结果如下：

（4）autofocus：自动获得焦点。

代码如下：

<!DOCTYPE html>
<html>
<body>
<form action="">
<input type="text" name="" value ="我被选中了捏" autofocus>
</form>
</body>
</html>

运行结果如下：

2.4.2select元素（选择框）

select表单元素的语法格式如下：

<select name="元素名称" multiple="multiple">
<option value=”值" selected>选项 1</option>
<option value=”值" >选项 2</option>
<option value=”值" >选项 3</option>
<option value=”值" >选项 4</option>
…
</select

基本运用如下；

<!DOCTYPE html>
<html>
<body>
<form action="">
    <select name="0.0" multiple="multiple">
        <option value="-1">请选择您的家庭地址</option>
        <option value="郑州">郑州</option>
        <option value="兰州" selected>兰州</option>
        <option value="杭州">杭州</option>
        <option value="苏州">苏州</option>
        </select>
</form>
</body>
</html>

运行结果如下： 

     注意：当select标签设置 multiple属性时，select以列表形式显示，当select标签不设置 multiple 属 性时，以下拉框形式显示。列表框在选择时按住键盘的ctrl或shi

     无multiple情况：

2.4.3textarea元素（文本域）

  textarea表单元素的语法格式如下：

<textarea name="元素名称 " cols="文本框宽度" rows="文本框高度" >
内容
</textarea

 

 基本运用如下：

<!DOCTYPE html>
<html>
<body>
<form action="">
<textarea name="comment" rows="10" cols="30">
您的建议或者意见
</textarea>
</form>
</body>
</html>

运行结果如下：

 

 三、table表格

1.1table表格如何定义

               表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）即多少列。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

基本代码如下：

<!DOCTYPE html>
<html>
<body>
    <table border="1">
        <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
        </tr>
        <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
        </tr>
        </table>
</body

运行结果如下：

1.2表格的属性

1.2.1表格的边框属性

   边框属性用border="n"在table力定义n为任何整数。

   代码如下

<!DOCTYPE html>
<html>
<body>
    <table border="10">
        <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
        </tr>
        <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
        </tr>
        </table>
</body>
</html>

1.2.2表格的表头

表格的表头使用 <th> 标签进行定义。

<!DOCTYPE html>
<html>
<body>
    <table border="1">
        <tr>
            <th>我是表头捏</th>
        </tr>
        <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
        </tr>
        <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
        </tr>
        </table>
</body>
</html>

 运行结果如下：

 

1.2.3表格的宽和高

宽和高分别由width、height来定义

代码如下：

<!DOCTYPE html>
<html>
<body>
    <table border="1" width="100" height="100">
        <tr>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        </table>
</body>
</html>

运行结果如下

1.2.4表格对齐

对齐方式有左对齐，居中，右对齐，分别由left、center、right来进行定义

代码如下：

<!DOCTYPE html>
<html>
<body>
    <table border="1" width="100" height="100" align="left">
        <tr>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        </table>
        <br>
        <table border="1" width="100" height="100" align="center">
            <tr>
            </tr>
            <tr>
            <td></td>
            <td></td>
            </tr>
            </table>
            <br>
            <table border="1" width="100" height="100" align="right">
                <tr>
                </tr>
                <tr>
                <td></td>
                <td></td>
                </tr>
                </table>
</body>
</html>

运行结果如下：

1.2.5表格的背景

   bgcolor 属性表示表格的背景颜色，Background 属性表示表格的背景图像

代码如下：

<!DOCTYPE html>
<html>
<body>
    <table border="1" width="100" height="100" bgcolor="red">
        <tr>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        </table>
        <br>
        <table border="1" width="100" height="100" background="..\\images\bg.jpg" >
            <tr>
            </tr>
            <tr>
            <td></td>
            <td></td>
            </tr>
            </table>
            <br>
</body>
</html>

运行结果如下：

1.2.6表格的填充和边距

             cellpadding 表示表格的边距，cellspacing 表示表格的间距。边距是指单元格内的元素距离单元格 边 缘的距离，间距是指单元格与单元格之间的距离

<!DOCTYPE html>
<html>
<body>
    <table border="1" width="100" height="100">
        <tr>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        </table>
        <br>
    <table border="1" width="100" height="100" cellpadding="10">
        <tr>
        </tr>
        <tr>
        <td></td>
        <td></td>
        </tr>
        </table>
        <br>
        <table border="1" width="100" height="100" cellspacing="10">
            <tr>
            </tr>
            <tr>
            <td></td>
            <td></td>
            </tr>
            </table>
            <br>
</body>
</html>

运行结果如下：

如果不设置 cellpadding 和 cellspacing ，它们的默认值是 2px

注意：以上的属性也适用于行和列也就是tr和td他们同样可以设置宽和高（width、height）也可以设置背景颜色和背景图像（bgcolor、background）

代码如下：

<!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>
</head>
<body>
    <table border="1" height="100" width="100">
        <tr>
            <td height="200">我设置了高</td>
            <td width="100">我设置了宽</td>
        </tr>
    </table>
    <table border="1" height="100" width="100">
        <tr>
            <td bgcolor="red">我是背景颜色</td>
            <td background="D:\web前端\images\bg.jpg">我是背景图像</td>
        </tr>
    </table>
</body>
</html>

运行结果如下：

1.3表格的合并

单元格可以通过rowspan、colspan进行单元格的跨行合并和单元格跨列合并。

代码如下

<!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>
</head>
<body>
    <table border="1" height="100" width="100">
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>
    <br>
    <table border="1" height="100" width="100">
        <tr>
            <td rowspan="2"></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
    </table>
    <br>
    <table border="1" height="100" width="100">
        <tr>
            <td colspan="2"></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>
</body>
</html>

运行结果如下： 

总结

以上就是今天要讲的内容，本文仅仅简单介绍了html，重点讲解了form表格和table标签的用法和使用，希望大家能够对此更加了解。

heibailin
关注
form表单多层数据结构校验以及form表单和table表格校验结合完整案例，超级详细，直接复制粘贴，拿来就用(二)
jieweiwujie的博客
12-01 621
el-element的表单和表格一起校验写法
网站开发之HTML基础表格Table和表单Form（三）1
08-03
表格背景的设置它们的基本用法和body一样，这里不再详细介绍。Bgcolor设置背景色Background设置背景图像复杂的网页布局可能需要借助嵌套表格。但是，
【html】表格table与表单form
m0_50947589的博客
04-23 1115
表格 table table标签，display值为table。作用对于整个表格而言，像一个容器。里面包含了tr标签（表格行）、td（单元）等，由于表格中没有列的分类，所以每行中以单元的个数划分列。 table本身有一些默认的css样式，没有重置过的表格如下： <table> <tr> <td>1</td> <td>2</td> <td>
HTML中的表单（超详细）
最新发布
qq_63946637的博客
09-20 2332
本文旨在帮助大家学习HTML中有关表单的知识
HTML -form标签和table标签
qq_37431752的博客
02-27 529
9:36 2019/2/27/周三 /////////////////////// body里面的表单标签 ///////////////////// /////////////////////// input 标签 ///////////////////// /////////////////////// input form标签向服务器发送信息。（另一种是Ajax） //////////...
关于HTML的form表单与table表格
2301_76802665的博客
04-02 1421
HTML它的全称为 HyperText Mark-up LanguageHTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页。
html form 与table,form和table的区别
weixin_33955740的博客
06-25 480
html中form表示一个表单,用来把一系列的控件包围起来,然后再统一发送这些数据到目标,比如最常见的注册,你说需要填写的资料,都是被封装在form里的,填写完毕后,提交form内的内容,如果不再form内则不会提交而table 则是用来布局的 当你填写资料的时候 你有没有发现页面所提供的文本框,文字,按钮之类的..都摆放的非常整齐 这就是table的作用,一行一行的以表格的形式展示内容table...
HTML table、form表单标签的介绍
#维多利亚的秘密#
08-07 784
1. 标签 1.1说明： 在HTML 中定义表格布局。 1.2格式： table> 　　caption>caption> 　　tr> th>th>tr> 　　tbody> 　　　　tr>td>td>tr> 　　　　tr>td>td>tr> 　　tbody> table> 1.3包含的元素有： ：表头信息。 ：定义一个表格行；
vue实现form表单与table表格的数据关联功能示例
10-17
在Vue.js中，实现表单（form）与表格（table）的数据关联是一项常见的需求，它涉及到数据双向绑定、事件监听以及动态操作数组等核心概念。本示例将详细讲解如何在Vue环境中完成这一功能。 首先，HTML部分创建了一个...
HTML form表单与table表格的总结
weixin_74424297的博客
03-30 475
form表单可以实现基础的页面按钮，提交，选择设置，table表格给予其格式，使网页看起来跟美观。在网页中用户与网页之间进行交互操作是必不可少的，需要使用到表格表单来让用户和服务器 之间进行交互。因此，表格表单是非常重要的元素。提示：这里对文章进行总结：以上就是对form表单和table表格的部分总结，本文仅仅简单介绍了form表单和table表格的使用。
vue+element创建动态的form表单及动态生成表格的行和列
10-16
在本文中，作者详细讲解了如何使用Vue.js框架配合Element UI库来创建动态表单以及动态生成表格的行和列。本文基于实例代码，从实际操作的角度出发，介绍了技术实现的过程和方法，具有很高的参考价值。 首先，我们...
HTML 表单和表格
weixin_30823001的博客
02-11 350
1、使用表单标签 　　网站使用 HTML 表单可与用户进行交互，表单元素是允许用户在表单中输入内容，比如：文本框、文本域、单选框、复选框、下拉列表、按钮等等，表单可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。表单使用表单标签 <form> 来定义： <form method="传送方式" action="表单提交地址" name="表单...
html-table和form
Void的博客
07-06 163
html-table和form <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格与表单</title> </head> <body> <table width="600px" height="200px" border="1" align="center" cellspacing="0"> &
form表单和table表格总结
2302_76714358的博客
03-28 712
name：用于指定表单的名称，可以方便后面的提交使用。id：这是表单的唯一名称，一般用于提交或样式设置。action：用于定义表单数据的提交地址。method：用于指定表单数据的提交方式有get、post、put、delete四种常用值。·get：以该方式提交的数据会在浏览器地址栏中显示，且该数据不能超过4k大小。·post：以该方式提交会将数据放到请求头中，也不会在浏览器地址栏中显示，理论上以这种方式提交没有大小限制。·put：用于修改数据。·delete：用于删除数据。
html table表格 form表单
m0_47045804的博客
03-05 974
valign=" top(顶部对齐) | center(居中对齐) | bottom(底部对齐) "当前单元格文本的垂直对齐方式。valign=" top(顶部对齐) | center(居中对齐) | bottom(底部对齐) "当前行文本的垂直对齐方式。align=" left(左对齐) |center(居中对齐)| right(右对齐)" 当前单元格文本的横向的对齐方式。align=" left(左对齐) |center(居中对齐)| right(右对齐)" 当前行文本的横向的对齐方式。
HTML中table表格与form表单
weixin_61451728的博客
07-22 637
html
form和table的区别
huang9012的专栏
06-22 3868
form和table的区别  (2010-07-16 10:48:43) 转载 标签：  动画   name   tr   td   表单   it 分类： html 标签： 作用： 标签用于为用户输入创建 HTML 表单。 1.表单能够包含  标签" href="http://www.w3school.
HTML 表格(form/table)
Joovo的博客
03-21 3411
实现一个表格: 3.css: table,tr,td{ margin:0 auto; border:1px solid; border-style:groove;(凹陷效果) } input{ border-style:groove; background:lightblue; color:red; } a:link {color:...
HTML表格与表单入门教程
"HTML表格与表单.ppt" ...这份资料详细地讲解了HTML中的表格和表单元素，对于想要学习网页设计和开发的人来说，是一份非常实用的学习材料。通过掌握这些基础知识，初学者能够创建基本的网页并实现用户交互功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值