javascript html 選擇保存顏色，從網上找的一個例子

原創 星之火燎原 2020-02-22 10:58
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<base href="http://127.0.0.1:80/">
<title>My JSP 'userInfo.jsp' starting page</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" href="css/css.css" type="text/css">
<title>color-test</title>

<script type="text/JavaScript"> 
function initcolor(evt) 
{ 
var colorTable='' ;
colorTable='<table border="0" cellspacing="0" cellpadding="0" style="border:1px #000000 solid;border-bottom:none;border-collapse: collapse;width:177px;" bordercolor="000000">' 
+'<tr height=20><td colspan=21 bgcolor=#ffffff style="font:12px tahoma;padding-left:2px;">' 
+'<span style="float:left;color:#999999;"></span>' 
+'<span style="float:right;padding-right:3px;cursor:pointer;" οnclick="colorclose()">×關閉</span>' 
+'</td></table>' 
+'<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="000000" style="cursor:pointer;">' 
+'<tr><td id="#000000" bgcolor="#000000" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#003300" bgcolor="#003300" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#006600" bgcolor="#006600" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#009900" bgcolor="#009900" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#00CC00" bgcolor="#00CC00" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#00FF00" bgcolor="#00FF00" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#330000" bgcolor="#330000" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#336600" bgcolor="#336600" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#339900" bgcolor="#339900" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#33CC00" bgcolor="#33CC00" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#33FF00" bgcolor="#33FF00" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#660000" bgcolor="#660000" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#666600" bgcolor="#666600" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#669900" bgcolor="#669900" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#66CC00" bgcolor="#66CC00" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#66FF00" bgcolor="#66FF00" height="10" width="10" οnclick="doclick(this.id)"></td></tr>'
    +'<tr><td id="#333333" bgcolor="#333333" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#003333" bgcolor="#003333" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#006633" bgcolor="#006633" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#009933" bgcolor="#009933" height="10" width="10" οnclick="doclick(this.id)">'
     +'</td><td id="#00CC33" bgcolor="#00CC33" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#00FF33" bgcolor="#00FF33" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#330033" bgcolor="#330033" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#336633" bgcolor="#336633" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#339933" bgcolor="#339933" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#33CC33" bgcolor="#33CC33" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#33FF33" bgcolor="#33FF33" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#660033" bgcolor="#660033" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#666633" bgcolor="#666633" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#669933" bgcolor="#669933" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#66CC33" bgcolor="#66CC33" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#66FF33" bgcolor="#66FF33" height="10" width="10" οnclick="doclick(this.id)"></td></tr>'
    +'<tr><td id="#666666" bgcolor="#666666" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#003366" bgcolor="#003366" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#006666" bgcolor="#006666" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#009966" bgcolor="#009966" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#00CC66" bgcolor="#00CC66" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#00FF66" bgcolor="#00FF66" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#330066" bgcolor="#330066" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#336666" bgcolor="#336666" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#339966" bgcolor="#339966" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#33CC66" bgcolor="#33CC66" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#33FF66" bgcolor="#33FF66" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#660066" bgcolor="#660066" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#666666" bgcolor="#666666" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#669966" bgcolor="#669966" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#66CC66" bgcolor="#66CC66" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#66FF66" bgcolor="#66FF66" height="10" width="10" οnclick="doclick(this.id)"></td></tr>'
    +'<tr><td id="#999999" bgcolor="#999999" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#003399" bgcolor="#003399" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#006699" bgcolor="#006699" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#009999" bgcolor="#009999" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#00CC99" bgcolor="#00CC99" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#00FF99" bgcolor="#00FF99" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#330099" bgcolor="#330099" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#336699" bgcolor="#336699" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#339999" bgcolor="#339999" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#33CC99" bgcolor="#33CC99" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#33FF99" bgcolor="#33FF99" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#660099" bgcolor="#660099" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#666699" bgcolor="#666699" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#669999" bgcolor="#669999" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#66CC99" bgcolor="#66CC99" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#66FF99" bgcolor="#66FF99" height="10" width="10" οnclick="doclick(this.id)"></td></tr>'
    +'<tr><td id="#CCCCCC" bgcolor="#CCCCCC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#0033CC" bgcolor="#0033CC" height="10" width="10" οnclick="doclick(this.id)">'
     +'</td><td id="#0066CC" bgcolor="#0066CC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#0099CC" bgcolor="#0099CC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#00CCCC" bgcolor="#00CCCC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#00FFCC" bgcolor="#00FFCC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#3300CC" bgcolor="#3300CC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#3366CC" bgcolor="#3366CC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#3399CC" bgcolor="#3399CC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#33CCCC" bgcolor="#33CCCC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#33FFCC" bgcolor="#33FFCC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#6600CC" bgcolor="#6600CC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#6666CC" bgcolor="#6666CC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#6699CC" bgcolor="#6699CC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#66CCCC" bgcolor="#66CCCC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#66FFCC" bgcolor="#66FFCC" height="10" width="10" οnclick="doclick(this.id)"></td></tr>'
    +'<tr><td id="#FFFFFF" bgcolor="#FFFFFF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#0033FF" bgcolor="#0033FF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#0066FF" bgcolor="#0066FF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#0099FF" bgcolor="#0099FF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#00CCFF" bgcolor="#00CCFF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#00FFFF" bgcolor="#00FFFF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#3300FF" bgcolor="#3300FF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#3366FF" bgcolor="#3366FF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#3399FF" bgcolor="#3399FF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#33CCFF" bgcolor="#33CCFF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#33FFFF" bgcolor="#33FFFF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#6600FF" bgcolor="#6600FF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#6666FF" bgcolor="#6666FF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#6699FF" bgcolor="#6699FF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#66CCFF" bgcolor="#66CCFF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#66FFFF" bgcolor="#66FFFF" height="10" width="10" οnclick="doclick(this.id)"></td></tr>'
    +'<tr><td id="#FF0000" bgcolor="#FF0000" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#993300" bgcolor="#993300" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#996600" bgcolor="#996600" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#999900" bgcolor="#999900" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#99CC00" bgcolor="#99CC00" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#99FF00" bgcolor="#99FF00" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#CC0000" bgcolor="#CC0000" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CC6600" bgcolor="#CC6600" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#CC9900" bgcolor="#CC9900" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CCCC00" bgcolor="#CCCC00" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CCFF00" bgcolor="#CCFF00" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FF0000" bgcolor="#FF0000" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#FF6600" bgcolor="#FF6600" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FF9900" bgcolor="#FF9900" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#FFCC00" bgcolor="#FFCC00" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FFFF00" bgcolor="#FFFF00" height="10" width="10" οnclick="doclick(this.id)"></td></tr>'
    +'<tr><td id="#00FF00" bgcolor="#00FF00" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#993333" bgcolor="#993333" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#996633" bgcolor="#996633" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#999933" bgcolor="#999933" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#99CC33" bgcolor="#99CC33" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#99FF33" bgcolor="#99FF33" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CC0033" bgcolor="#CC0033" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#CC6633" bgcolor="#CC6633" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CC9933" bgcolor="#CC9933" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#CCCC33" bgcolor="#CCCC33" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CCFF33" bgcolor="#CCFF33" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FF0033" bgcolor="#FF0033" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#FF6633" bgcolor="#FF6633" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FF9933" bgcolor="#FF9933" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#FFCC33" bgcolor="#FFCC33" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FFFF33" bgcolor="#FFFF33" height="10" width="10" οnclick="doclick(this.id)"></td></tr>'
    +'<tr><td id="#0000FF" bgcolor="#0000FF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#993366" bgcolor="#993366" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#996666" bgcolor="#996666" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#999966" bgcolor="#999966" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#99CC66" bgcolor="#99CC66" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#99FF66" bgcolor="#99FF66" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CC0066" bgcolor="#CC0066" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#CC6666" bgcolor="#CC6666" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CC9966" bgcolor="#CC9966" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#CCCC66" bgcolor="#CCCC66" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CCFF66" bgcolor="#CCFF66" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FF0066" bgcolor="#FF0066" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#FF6666" bgcolor="#FF6666" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FF9966" bgcolor="#FF9966" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#FFCC66" bgcolor="#FFCC66" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FFFF66" bgcolor="#FFFF66" height="10" width="10" οnclick="doclick(this.id)"></td></tr>'
    +'<tr><td id="#FFFF00" bgcolor="#FFFF00" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#993399" bgcolor="#993399" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#996699" bgcolor="#996699" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#999999" bgcolor="#999999" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#99CC99" bgcolor="#99CC99" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#99FF99" bgcolor="#99FF99" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CC0099" bgcolor="#CC0099" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#CC6699" bgcolor="#CC6699" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CC9999" bgcolor="#CC9999" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#CCCC99" bgcolor="#CCCC99" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CCFF99" bgcolor="#CCFF99" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FF0099" bgcolor="#FF0099" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#FF6699" bgcolor="#FF6699" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FF9999" bgcolor="#FF9999" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#FFCC99" bgcolor="#FFCC99" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FFFF99" bgcolor="#FFFF99" height="10" width="10" οnclick="doclick(this.id)"></td></tr>'
    +'<tr><td id="#00FFFF" bgcolor="#00FFFF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#9933CC" bgcolor="#9933CC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#9966CC" bgcolor="#9966CC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#9999CC" bgcolor="#9999CC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#99CCCC" bgcolor="#99CCCC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#99FFCC" bgcolor="#99FFCC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CC00CC" bgcolor="#CC00CC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#CC66CC" bgcolor="#CC66CC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CC99CC" bgcolor="#CC99CC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#CCCCCC" bgcolor="#CCCCCC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CCFFCC" bgcolor="#CCFFCC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FF00CC" bgcolor="#FF00CC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#FF66CC" bgcolor="#FF66CC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FF99CC" bgcolor="#FF99CC" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#FFCCCC" bgcolor="#FFCCCC" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FFFFCC" bgcolor="#FFFFCC" height="10" width="10" οnclick="doclick(this.id)"></td></tr>'
    +'<tr><td id="#FF00FF" bgcolor="#FF00FF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#9933FF" bgcolor="#9933FF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#9966FF" bgcolor="#9966FF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#9999FF" bgcolor="#9999FF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#99CCFF" bgcolor="#99CCFF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#99FFFF" bgcolor="#99FFFF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CC00FF" bgcolor="#CC00FF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#CC66FF" bgcolor="#CC66FF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CC99FF" bgcolor="#CC99FF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#CCCCFF" bgcolor="#CCCCFF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#CCFFFF" bgcolor="#CCFFFF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FF00FF" bgcolor="#FF00FF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#FF66FF" bgcolor="#FF66FF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FF99FF" bgcolor="#FF99FF" height="10" width="10" οnclick="doclick(this.id)">'
      +'</td><td id="#FFCCFF" bgcolor="#FFCCFF" height="10" width="10" οnclick="doclick(this.id)"></td><td id="#FFFFFF" bgcolor="#FFFFFF" height="10" width="10" οnclick="doclick(this.id)"></td></tr>'
+'</table>'; 
document.getElementById("colorpane").innerHTML=colorTable; 
var current_x = document.getElementById("inputcolor").offsetLeft; 
var current_y = document.getElementById("inputcolor").offsetTop; 
//alert(current_x + "-" + current_y) 
document.getElementById("colorpane").style.left = 440 + "px"; 
document.getElementById("colorpane").style.top = 50 + "px"; 
} 
function doclick(obj){ 
//alert(obj); 
document.getElementById("inputcolor").value=obj;
document.getElementById("colorpane").style.display = "none"; 
} 
function colorclose(){ 
document.getElementById("colorpane").style.display = "none"; 
//alert("ok"); 
} 
function coloropen(){ 
document.getElementById("colorpane").style.display = ""; 
} 
window.onload = initcolor; 
</script>
</head>
<body>
<div id="man_zone">
<table width="99%" border="0" align="center" cellpadding="3" cellspacing="1" class="table_style">
<tbody>
<tr>
<td colspan="2" valign="middle" height="28">
<br>

<table width="85%" border="0" cellspacing="0" cellpadding="10" align="center" class="dudtb">
<tbody id="mytabs" style="display: ;">
<tr>
<td class="datagroupb">
<form id="modipForm" name="modipForm" method="post">
<table class="dudtb" cellspacing="0" cellpadding="0" align="center" border="0" width="100%" style="border: #000000 0px double">
<tbody>
<tr>
<td valign="center" nowrap="" width="16%">
&nbsp;顏色
<font color="red">*</font>
</td>
<td valign="center" nowrap="" width="32%">
<input type="text" name="color" value="#666666" id="inputcolor" οnclick="coloropen(event)">
<div id="colorpane" style="position:absolute;z-index:999;display:none;"></div>
</td>
<td valign="center" nowrap="" width="16%">
</td>
<td valign="center" nowrap="" width="32%">
</td>
</tr>
<tr>

<td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="submit" value="保存" οnclick="alert('保存成功!');">
</td>
<td>
<input name="reset" type="reset" value="重置">
</td>
<td></td>
</tr>
</tbody>
</table>
</form>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>

</body></html>
星之火燎原
發佈了34 篇原創文章 · 獲贊 15 · 訪問量 13萬+
私信 關注
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

交互式流程圖組件DHTMLX Diagram v6.0 - 擁有更靈活的高度可定製功能

DHTMLX Diagram庫允許用幾行代碼構建JavaScript流程圖，通過自動佈局和實時編輯器，它可以更容易地將複雜數據可視化到一個整潔的層次結構中。 DHTMLX Diagram v6.0版本發佈，帶來了衆多令人興奮的新功能和改進，

原創 2024-06-04 12:32:11

基於阿里雲服務網格流量泳道的全鏈路流量管理（三）：無侵入式的寬鬆模式泳道

作者：尹航 在前文《基於阿里雲服務網格流量泳道的全鏈路流量管理（一）：嚴格模式流量泳道》、《基於阿里雲服務網格流量泳道的全鏈路流量管理（二）：寬鬆模式流量泳道》中，我們介紹了流量泳道的概念、使用流量泳道進行全鏈路灰度管理的方案，以及阿里雲服

原創 2024-06-05 21:13:51

簡單4步，帶你用華爲雲MetaStudio製作數字人短片

本文分享自華爲雲社區《使用MetaStudio生產線四步製作數字人視頻》，作者： yd_298097624。 隨着AIGC新技術尤其是大模型技術的發展，音視頻行業、數字內容生產行業正在經歷這從生產方式和生產效率上的一個巨大變化。預測到203

原創 2024-06-05 10:56:56

自動化Reddit圖片收集：Python爬蟲技巧

引言 Reddit，作爲一個全球性的社交平臺，擁有海量的用戶生成內容，其中包括大量的圖片資源。對於數據科學家、市場研究人員或任何需要大量圖片資源的人來說，自動化地從Reddit收集圖片是一個極具價值的技能。本文將詳細介紹如何使用Pyth

原創 2024-06-05 00:06:19

記一次疑似JVM內存泄漏的排查過程

一、背景 在日常部門OpsReview過程中，部門內多次遇到應用容器所在的宿主機磁盤繁忙導致的接口響應緩慢，TP99增高等影響服務性能的問題，其中比較有效的解決方案是開啓日誌的異步打印，可以有效避免同步日誌打印在磁盤IO高起的情況下拖慢業

原創 2024-06-04 12:09:32

告別內存OOM，解決MySQL內存增長問題

本文分享自華爲雲社區《【華爲雲MySQL技術專欄】MySQL內存增長問題分析案例》，作者：GaussDB 數據庫。 前言 在現網環境中，偶爾會遇到客戶實例內存OOM（Out Of Memory，即內存耗盡或溢出）的情況。MySQL數據庫

原創 2024-06-04 11:09:29

深入跨域 - 解決方案

1 前言 前文 《深入跨域 - 從初識到入門》 中，大家已經對同源與跨域的產生歷史與重要性等有了一個初步的瞭解了，那麼我們應該如何解決在日常開發中遇到的跨域引起的問題呢？  2 一覽圖 我們將日常開發中的跨域解決方案大體分爲兩類：if

原創 2024-06-04 02:38:29

深入跨域 - 解決方案

1 前言 前文 《深入跨域 - 從初識到入門》 中，大家已經對同源與跨域的產生歷史與重要性等有了一個初步的瞭解了，那麼我們應該如何解決在日常開發中遇到的跨域引起的問題呢？  2 一覽圖 我們將日常開發中的跨域解決方案大體分爲兩類：if

原創 2024-06-04 02:36:27

深入跨域 - 解決方案

1 前言 前文 《深入跨域 - 從初識到入門》 中，大家已經對同源與跨域的產生歷史與重要性等有了一個初步的瞭解了，那麼我們應該如何解決在日常開發中遇到的跨域引起的問題呢？  2 一覽圖 我們將日常開發中的跨域解決方案大體分爲兩類：if

原創 2024-06-04 02:34:07

「實戰應用」如何用圖表控件LightningChart JS創建SQL儀表板應用（一）

LightningChart JS是Web上性能特高的圖表庫，具有出色的執行性能 - 使用高數據速率同時監控數十個數據源。 GPU加速和WebGL渲染確保您的設備的圖形處理器得到有效利用，從而實現高刷新率和流暢的動畫，常用於貿易，工程，航空

原創 2024-06-03 12:21:43

破除軟件開發困局，基於容器平臺的DevOps轉型實踐

本文分享自華爲雲社區《DevOps賦能行業雲原生數字化轉型》，作者：雲容器大未來。 企業軟件開發困局 隨着信息化的進程不斷加速，帶來的各種業務應用、平臺應用等軟件資產的複雜度也快速上升。隨之而來的信息化基礎設施能力與軟件工程全生命週期的管

原創 2024-06-03 10:59:23

如何去掉DedeCMS首頁index.html後綴

在使用織夢DedeCMS程序的時候是否有看到在打開網站首頁的時候會有index.html這樣子的後綴跟着。有些朋友可能忌諱這樣的樣式，有的會說對網站SEO有影響，實際上影響是不大的，只不過看着確實不是特別好看，如果我們有需要去掉的話也是可以

原創 2024-06-01 12:55:20

Symfony Panther在網絡數據採集中的應用

引言 在當今數字化時代，網絡數據採集已成爲獲取信息的重要手段之一。Symfony Panther，作爲Symfony生態系統中的一個強大工具，爲開發者提供了一種簡單、高效的方式來模擬瀏覽器行爲，實現網絡數據的採集和自動化操作。本文將通過

原創 2024-06-04 02:45:28

Symfony Panther在網絡數據採集中的應用

引言 在當今數字化時代，網絡數據採集已成爲獲取信息的重要手段之一。Symfony Panther，作爲Symfony生態系統中的一個強大工具，爲開發者提供了一種簡單、高效的方式來模擬瀏覽器行爲，實現網絡數據的採集和自動化操作。本文將通過

原創 2024-06-04 02:45:12

界面控件DevExtreme v23.2 - 可訪問性、性能增強

DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序。從Ang

原創 2024-06-03 12:21:39