表格、表单相关标签的简单介绍 我的总结

表格

<caption>表格标题,显示在整个表格外面</caption>

<th>表格每一列的标题</th>

<tr>行</tr>    <td>列 单元格</td>

表格的属性  table{ border-collapse:collapse;将单元格边框合并}

        colspan:合并列    rowspan:合并行;  cellpading:单元格内填充  cellspacing:单元格外边距;[直接写在table标签里面]  

<colgroup>  [与tr是同级]

  <col span=‘样式一样的列数‘ style=‘各种样式的设置‘/>

</colgroup>

表单

<form action=‘提交数据的目标地址/指向服务器能处理的地址‘ method=‘get/post‘ name=‘‘>

  <input type=‘text‘ size=‘文本框长度‘ maxlength=‘可显示的字符数‘ value=‘‘ placeholder=‘框内提示文字‘ />

  <input type=‘date‘/>年月日

  <input type=‘datetime‘/>年月日时分秒

  <input type=‘datetime-local‘ />当地的时间

  <input type=‘text‘  list=‘datelistid‘/>

  <datelist id=‘list的属性值‘>

    <option value=‘‘><option>

  </datelist>

  <textarea rows=‘‘高度" cols=‘宽度‘>

    outline:none光标线;

</textarea>

</form>

时间: 2024-10-10 22:03:51

表格、表单相关标签的简单介绍 我的总结的相关文章

Bootstrap框架(基础篇)之列表,表格,表单

继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootst

HTML表单相关的标签

<tabal>应该放在表格里面 提交的应该放在 form  --熟悉  name -名称  action="longin.php"(提交到那里) method="get ,post" title-说明文件<input size="30"-宽度显示长度  maxlength="10"表示显示最多输入10个字符 readonly--只读 value默认是username<input type = "

html表格表单标签的结合

今天我尝试将表格表单基本标签结合起来放在网页中,发现再没用表单元素中<form></form>时各类标签功能都可显示,只是不能提交网页,所有与提交网页的标签都不能使用提交功能,而且按钮类的功能都不能实现,其他的可以使用 <td height="300"> 输入用户名<input type="text" name="1" value=""/><br /> 输入密码<

HTML表格表单综合——用户注册表

今天学习了表格和表单知识,我综合了他们添加了一些拓展知识做了一个用户注册表,以下面代码来整理表格和表单知识: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo

4.新增表单相关的属性

新增表单相关的属性 1.可以对input(type=text).select.textarea与button元素指定autofocus属性.它以指定属性的方式让元素在打开页面时自动获得焦点. 2.可以对input(type=text)和textarea元素指定placeholder属性,它会对用户的输入进行提示,提示用户可以输出的内容. 3.可以对input.output.select.textarea.button与fieldset指定form属性,声明它属于哪个表单,然后将其放置在页面上的任

javascript标签语句简单介绍

javascript标签语句简单介绍:由于对于标签语句的应用并不多,所以可能很多朋友都不是太了解,下面就对它做一下简单介绍,希望能够给需要的朋友带来一定的帮助.标签其实是一个标示符,关于表示符这里就不多介绍了,具体可以参阅javascript标示符的概念是什么一章节, 标签可以与变量重名,它是一个独立的语法元素,它的作用是标识标签化语句(labeled statement).一.标签声明:标签可以声明在任何一个语句前面,或者语句块前,以使得语句或语句块被“标签化(labeled)”,简单的说就是

php 解决表单重复提交实现方法介绍

重复提交是我们开发中会常碰到的一个问题,除了我们使用js来防止表单的重复提交,同时还可以使用php来防止重复提交哦. 例1  代码如下 复制代码 <?php/* * php中如何防止表单的重复提交 */session_start();if (empty($_SESSION['ip'])) {//第一次写入操作,判断是否记录了IP地址,以此知道是否要写入数据库    $_SESSION['ip'] = $_SERVER['REMOTE_ADDR']; //第一次写入,为后面刷新或后退的判断做个铺垫

js的table表格对象的rows属性用法简单介绍

js的table表格对象的rows属性用法简单介绍:rows作用正如其拼写一样,是用来获取一个行的集合,也就是表格中行的集合.代码如下: <!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部

HTML表单提交标签

<form>表单提交标签,设置提交范围 有name属性才能被提交 action:提交的地址url method:提交方式 get方式(默认):会将参数拼接在连接后,有大小限制(4k) post方式:提交后只显示连接,会将参数封装在请求体中,没有这样的限制 name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据.注释:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值.设置name后URL编码才能转换成人能看的懂的数据 原文地址: