初学html的一些用法(一)

</pre><pre name="code" class="html">

1.checkbox的用法

	<td><input type="checkbox" name="EPort2"></td>
	<td width='70'>网口2
                        <script language="javascript">           
                            document.write("(iTV)");
                        </script>
	</td>

表明有一个名为EPot2的checkbox，效果如图:,其中td width=‘72’，是控制整个在标签td内的长度。

2.text文本控制数据大小

         <td>MTU:  </td>
        <td><input type='text' name='userDefinedMtu'>(576-1492)</td>

表明一个名为 userDefinedMtu的textbox，他的大小为( 576-1492),效果如图:

3,表格table的隐藏方法(使用js函数)

示例：我一共有三个table

table 1：<table border="0" cellpadding="0" cellspacing="0" id = id1>

table 2：<table border="0" cellpadding="0" cellspacing="0" id = id2>
table 3：<table border="0" cellpadding="0" cellspacing="0" id = id3>

如果我想隐藏table1，talbe2，我只需要使用showhide('id1', 0);showhide('id2', 0);

如果我想显示table3，我只需要使用showhide('id3', 1);

showhide函数如下：

function showhide(element, sh)
{
    var status;
    if (sh == 1) {
        status = "block";
    }
    else {
        status = "none"
    }
    
if (document.getElementById)
{
// standard
document.getElementById(element).style.display = status;
}
else if (document.all)
{
// old IE
document.all[element].style.display = status;
}
else if (document.layers)
{
// Netscape 4
document.layers[element].display = status;
}
}
4.radio按钮事件

<td width='130'><input type='radio' name='ntwkPrtcl' value="DHCP" onClick='typeClick()'>DHCP</td>

效果如图:,如果你选中了DHCP,则if ( ntwkPrtcl[0].checked == true )成立。

5.form的一个用法

document.forms[0]表示网页中的表单，在函数中使用with ( document.forms[0] ){ A； };你就可以在A处，使用在此表单内的所有东西了。在这里需要特别注意的是，表单内不能再套表单，否则表单功能失效，但一个网页是可以包含多个表单的。