|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
 表格與文本域的問題，困惑難眠
表格與文本域的問題，困惑難眠
1 第二個表格：預覽時怎麼不顯示表格的外框？
2 如何去掉右邊3文本域上下的空行？
3 可以使單行文本域邊框和多行文本域邊框一樣：預覽時都有白邊或都沒有白邊嗎？
4 如何為多行的文本域限定可以輸入的字符數？最好在旁邊顯示「已輸入xx字」「還可以輸入xx字」
XP,IE6,DW2004
先跪謝高人！
<table width="58%" border="0" cellspacing="1" bgcolor="#000000" frame="void">
<tr bgcolor="#A4A9B0">
<td width="22%" height="117" align="right" valign="top" bgcolor="#CCCC66"><p>姓名<br>
建議<br>
地址</p> </td>
<td width="78%" bgcolor="#CCCCCC"><p>
<label>
<input name="textfield4" type="password" size="13" maxlength="12">
<br>
</label>
<label>
<textarea name="textarea" cols="30" rows="3"></textarea>
<input name="textfield52" type="text" size="40" maxlength="22">
</label>
<label></label></td>
</tr>
</table>
<br>
<table width="58%" border="1" cellspacing="0" bordercolor="#6600FF" frame="void">
<tr bgcolor="#A4A9B0">
<td width="22%" height="117" align="right" valign="top"><p>姓名<br>
建議<br>
地址</p></td>
<td width="78%" bgcolor="#A4A9B0"><p>
<label>
<input name="textfield42" type="password" size="13" maxlength="12">
<br>
</label>
<label>
<textarea name="textarea2" cols="30" rows="3"></textarea>
<input name="textfield522" type="text" size="40" maxlength="22">
</label></td>
</tr>
</table> |
１．上面表格的邊框並非邊框顏色 而是背景色．而且間距設置為１ 所以能看到邊框
而後面一個設置了邊框色． frame="void" 間距設置為０ 所以看不到邊框 你可以把frame="void"去掉．
２文本域的空行是由於代碼裡有<p>標籤．和其它的標籤 加上表格的高度問題造成的
３多行文本域也可以設置它的樣式
４給你提供一種方式吧 不分英文和漢字
[html]<table width="58%" border="0" cellspacing="1" bgcolor="#000000">
<tr bgcolor="#A4A9B0">
<td width="22%" align="right" valign="top" bgcolor="#CCCC66"><p>姓名<br>
建議<br>
地址</p> </td>
<td width="78%" bgcolor="#CCCCCC"> <label>
<input name="textfield4" type="password" size="13" maxlength="12">
<br>
</label> <textarea name="textarea" cols="30" rows="3"></textarea> <input name="textfield52" type="text" size="40" maxlength="22"></td>
</tr>
</table>
<br>
<table width="58%" border="0" cellspacing="1" bgcolor="#0000FF">
<tr bgcolor="#A4A9B0">
<td width="22%" align="right" valign="top"><p>姓名<br>
建議<br>
地址</p></td>
<td width="78%" bgcolor="#A4A9B0"> <input name="textfield42" type="password" size="13" maxlength="12" style="border:1px solid green;"><span id="a">你可以輸入一百個字符</span> <br> <label>
<textarea name="txt" onKeyDown="chk()" cols="30" rows="3" id="txt" style="border:1px solid green;scrollbar-face-color:#00CC00;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#FFFFFF;scrollbar-darkshadow-color:#000000;scrollbar-shadow-color:#FFFFFF;scrollbar-arrow-color:#FFFFFF;scrollbar-track-color:#FFFFFF;"></textarea>
</label></td></tr>
</table><script>
function chk()
{var maxlen=100;
var str=txt.value;
a.innerText="你還可以輸入:"+(maxlen-str.length)+"個字符";
if (str.length==maxlen)txt.disabled=true;}
</script>[/html] |
|
