📄 showit.asp@filename=trydhtml_form_bg_textarea

📁 W3Schools tutorial..web designing

💻 ASP@FILENAME=TRYDHTML_FORM_BG_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">
<iframe style="background-color:#808080" src="../banners/bannerframe.asp@adpartner=aspall2" height="90" width="728"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>

<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 bgChange(bg)
{
document.getElementById('x').style.background="url(" + bg + ")";
}
</script>
</head>

<body>
<p>This example demonstrates how to
insert a background image to a textarea</p>

<p>Mouse over these images and the
textarea will get a background image.</p>

<table width="300" height="100">
<tr>
<td onmouseover="bgChange('paper.jpg')" 
background="paper.jpg"></td>
<td onmouseover="bgChange('bgdesert.jpg')" 
background="bgdesert.jpg"></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_bg_textarea"></iframe>
</td>
</tr>
</form></table>

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -