JSP複習—-html部分

1. 表單元素
   常用的表單元素有form，input，select，textarea標籤。今天主要回顧一下input標籤的相關屬性設定。

下面為一個表單的例子：

<form action="index.html" method="post">
<table border="4"  cellspacing="0" align="center"  bordercolor
 
="#9aca38">
    <tbody>
        <tr>
            <td align="right" width="160" height="34" bgcolor="#999a00" >公司名稱：</td>
            <td width="275" height="34" bgcolor="#999a00"><input type="text" value="請輸入關鍵字" onfocus="if(this.value=='請輸入關鍵字')this.value=''" onblur="if(this.value=='')this.value='請輸入關鍵字'"
 
 /></td>
        </tr>
        <tr bgcolor="#99cb36">
            <td align="right" width="160" height="34">公司網站：</td>
            <td width="275" height="34"><input type="text" value="http://"/></td>
        </tr>
        <tr bgcolor="#99cb36">
            <td align="right" width="160" height="34">登陸密碼：</td>
            <td width="275" height="34"><input type="password" value="" size="22"/></td>
        </tr>
        <tr bgcolor="#99cb36">
            <td align="right" width="160" height="34">
                性&nbsp;&nbsp;&nbsp;別：
            </td>
            <td width="275" height="34">
                <input type="radio" name="sex" id="sex" value="男" checked/><label for="sex">男</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" name="sex" id="sex2" value="女"/><label for="sex2">女</label>
            </td>
        </tr >
        <tr bgcolor="#99cb36"> 
            <td align="right" width="160" height="34">申請產品：</td>
            <td>
                <input type="checkbox" name="music" id="music"/><label for="music">實木</label>
                <input type="checkbox" name="ps" id="ps" checked="checked"/><label for="ps">沙發</label>
                <input type="checkbox" name="wzsj" id="wzsj"/><label for="wzsj">辦公</label>
            </td>
        </tr>
         <tr bgcolor="#99cb36">
            <td align="right" width="160" height="34">聯絡人證件：</td>
            <td><input type="file" /></td>
        </tr>
        <tr bgcolor="#99cb36">
            <td align="right" width="160" height="34">密碼查詢問題：</td>
            <td>
                <select >
                    <option>請選擇查詢問題</option>
                    <option>爸爸的名字</option>
                    <option>爸爸的生日</option>
                    <option>媽媽的生日</option>
                </select>
            </td>
        </tr>

        <tr bgcolor="#99cb36">
            <td align="right" background="images/aa_03.gif" width="161" height="98" >
                備註：
            </td>
            <td>
                <textarea rows="5" cols="31"></textarea>
            </td>
        </tr>
        <tr bgcolor="#99cb36">
            <td align="right"></td>
            <td height="34"><input type="image" src="images/bb_03.gif"/>&nbsp;<input type="image" src="images/bb_05.gif" /></td>
        </tr>
    </tbody>
</table>
</form>

1. 表單中的GET和POST區別
   -GET：是url的一部分，因此會在位址列中顯示出來，安全性較低，其只能提交文字型別的資料，長度限制2048位元組。
   -POST：是HTTP訊息的一部分，位址列中不會顯示，安全性較高，可提交資料型別不限，無長度限制。
   —>響應成功後，伺服器返回200和頁面內容。