表格添加、超链接

原创 2018年04月15日 19:51:32

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
   /**
    * border-collapse 
    */
   table{
    width: 400px;
    border-collapse: collapse;
    
   }
   td{
    border: 1px solid grey;
    text-align:center;
   }
   
   .td0{
    border-bottom: 1px solid red;
   }
   .td1{
    border-top: 1px solid red;
    border-right: 1px solid red;
    border-bottom: 1px solid red;
   }
   .td13{
    border-top: 1px solid red;
    border-bottom: 1px solid red;
   }
   .tdleft{
    text-align:left;
   }
   .tdright{
    text-align:right;
   }
   
   div{
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: #999999;
    text-align: center;
    margin-left: 50px;
    border: 1px solid blue;
    border-radius: 3px;
    cursor: pointer;
    float: left;
   }
   a{
    float: left;
    margin-left: 50px;
   }
   
   .inputerror{
    border: 1px solid red;
   }
   
  </style>
 </head>
 <body>
  <table >
   <tr style="background-color: lightgoldenrodyellow;">
    <td>名字</td>
    <td>年龄</td>
    <td>性别</td>
   </tr>
   <tr>
    <td class="td0">张三</td>
    <td class="td0 tdleft">18</td>
    <td class="td0 tdright">男</td>
   </tr>
   <tr>
    <td class="td1">李思思</td>
    <td class="td1 tdleft">19</td>
    <td class="td13 tdright">女</td>
   </tr>
   <tr>
    <td class="td0">王呜呜</td>
    <td class="td0 tdleft">20</td>
    <td class="td0 tdright">男</td>
   </tr>
   <tr>
    <td class="td1">赵琪琪</td>
    <td class="td1 tdleft">23</td>
    <td class="td13 tdright">女</td>
   </tr>
   <tr>
    <td>1</td>
    <td></td>
    <td></td>
   </tr>
   <tr>
    <td>1</td>
    <td></td>
    <td></td>
   </tr>
  </table><br />
  <div>
   移动到我上面变小手
  </div>
  <a href="#">我是超链接</a><br /><br /><br /><br />
  
  <input type="text" id="id8" onblur="checkvalue();" onfocus="initcss();"/>
 </body>
 
 <script type="text/javascript">
  function checkvalue(){
   var v = document.getElementById("id8");
   
   if(v.value.length==0){
    //把框变成红色
    v.style = "border:1px solid red";
    
   }
  }
  
  //去掉样式
  function initcss(){
   var v = document.getElementById("id8");
   v.style = "";
  }
 </script>
</html>

JQuery_如何给表格元素添加超链接

今天遇见的主要需求就是给表格中的两列数据添加超链接,也是鼓捣了好久,将解决过程记录下来。方便回忆首先说明的是:这个列表是公司的工具方法统一拼装而成的,需要我们传入list集合数据,自动生成表格。使用J...
  • hy_timer
  • hy_timer
  • 2017-05-14 21:29:51
  • 613

Html-超链接、表格、表单

 一. 超链接(a 标签) 1. 超链接:  用来进行页面之间的跳转,其中href=“”需要指定要跳转的链接页面 target:      _self:在当前页面进行刷新(默认)   ...
  • u011060906
  • u011060906
  • 2017-06-13 21:45:47
  • 413

怎么在extjs中表格中加超链接并且传值

在名称哪里加超链接和传值 Ext.define('App.view.dictionary.dictionaryview', {     extend : 'Ext.grid.Panel', ...
  • yu709699818
  • yu709699818
  • 2017-02-16 11:03:35
  • 1349

Extjs4.2 为grid行中增加超链接的实现

{ header : "跟踪物流", align : "center", width : 100, menuDisabled : true, sortable : false, renderer : ...
  • sinat_35670989
  • sinat_35670989
  • 2017-12-27 17:20:50
  • 97

HTML5_超链接、锚点、下载、表格、表格嵌套、列表、页面布局、表单

1、修改图片的高度和宽度 ● 1、如果要修改一张图片的尺寸,最好先算好宽度与高度的比例 ● 2、如果修改图片时 只修改宽度或者只修改高度时另一项属性会根据宽度或者告诉的...
  • itszt888
  • itszt888
  • 2017-08-03 10:16:51
  • 780

Jquery中Datatable表格控件插入超链接,点击数据转页面

实现的功能:在Jquery的Datatable表格中,需要显示一列超链接的网址 代码如下:属性为Central Bank website的部分为实现功能代码 {title: "Currency Sy...
  • wj18570504421
  • wj18570504421
  • 2017-08-09 16:25:46
  • 774

EXt 表格(grid表格中加入超链接)-学习2

var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), {id:'file_unid',...
  • y541397839
  • y541397839
  • 2010-09-07 14:51:00
  • 4791

easyui datagrid 添加超链接

计划编码
  • a57565587
  • a57565587
  • 2014-11-05 16:24:25
  • 4922

HTML列表<dl>表格<table>超链接<a href>

无标题文档 标记位置 我能打印出 景天晓志 标题 1 标题 2 标题 3 目录 JavaScript基础 1.html 2.c...
  • jingtianxiaozhi
  • jingtianxiaozhi
  • 2012-10-01 18:54:47
  • 3100

flex4 dataGrid 单元格内加超链接

  • u010395804
  • u010395804
  • 2014-06-20 17:03:28
  • 845
收藏助手
不良信息举报
您举报文章:表格添加、超链接
举报原因:
原因补充:

(最多只允许输入30个字)