📄 showit.asp@filename=trydhtml_form_color_textarea

📁 W3Schools tutorial..web designing

💻 ASP@FILENAME=TRYDHTML_FORM_COLOR_TEXTAREA

字号:


<html>
<head>
<title>Showit v1.4</title>
<link rel="stylesheet" type="text/css" href="../tryittheme.css" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "../../https@ssl./default.htm" : "../../www./default.htm");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</head>

<body>
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#808080">
<tr>
<td width="234" valign="top">
<a href="../default.htm"><img src="../images/w3default80.jpg" border="0" alt="W3Schools" /></a>
</td>
<th valign="middle" width="470" class="right">
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*txtimg*/
google_ad_slot = "5330033957";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<noscript>
<a href="../default.asp" target="_blank"><img src="../banners/w6.gif" border="0" alt="W3Schools" /></a>
</noscript>

<br /></th>
<td>&nbsp;</td>
</tr>
</table>


<table width="100%" border="0" cellpadding="0" cellspacing="5">
<form action="html/tryit_view.asp" method="post" target="view">
<tr>
<td width="50%" style="background:#FFFFFF;border:solid 1px #000000;" valign="top">
<xmp style="background:#FFFFFF;margin:5px;">
<html>
<head>
<script type="text/javascript">
function newColor(color)
{
document.getElementById('x').style.background=color;
}
</script>
</head>
<body>

<p>This example demonstrates how to change
the background color of a textarea.</p>

<p>Mouse over the three colored table cells,
and the textarea will change color:</p>

<table width="100%"><tr>
<td bgcolor="red" onmouseover="newColor('red')">&nbsp;</td>
<td bgcolor="blue" onmouseover="newColor('blue')">&nbsp;</td>
<td bgcolor="green" onmouseover="newColor('green')">&nbsp;</td>
</tr></table>

<form>
<textarea id="x" rows="5" cols="20">
This example can not be edited
because our editor uses a textarea
for input,
and your browser does not allow
a textarea inside a textarea.
</textarea>
</form>

</body>
</html>

</xmp>
</td>
<td valign="top">
<iframe width="100%" height="400px" style="width:100%;height:400px" name="view" src="tryit_view.asp@filename=trydhtml_form_color_textarea"></iframe>
</td>
</tr>
</form></table>

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -