HTML3

例子

<table width="70%">
    <form>
    <tr>
        <td align="right"><font color="#ff0000">*</font>用户名:</td>
        <td><input type="text"><font color="#ff0000">用户名不得小于3个字符</font></td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>密码:</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>确认密码:</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>Email:</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>真实姓名:</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>性别:</td>
        <td>
            <select>
                <option>男</option>
                <option>女</option>
            </select>
        </td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>生日:</td>
        <td>
            <select>
                <option>1990</option>
                <option>1991</option>
                <option>1992</option>
                <option>....</option>
            </select>
            <select>
                <option>1</option>
                <option>2</option>
                <option>....</option>
            </select>
            <select>
                <option>1</option>
                <option>2</option>
                <option>....</option>
            </select>
        </td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>手机:</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td></td>
        <td><input type="submit" value="确定"></td>
        <td></td>
    </tr>
</form>
</table>

【注】1.可以使用表格进行布局，设置9行3列的表格；

           2.红色的*号可以用<font color="#ff0000">*</font>

表单

<form method="get" action=".jsp页面">
    <input type="text" name="text">
    <input type="password" name="pwd">
</form>

表单：<form> </form>，表单中可以包含input元素、select元素、textarea元素、button元素等

method属性：有post和get两种方式，get使用超链接传送数据并用？连接。post则使用二进制传输数据，可以上传文件。

action属性：规定向何处发送表单数据

name属性：对传送至后端的多个表单数据进行标识，用于后端区分数据。

文本框

<input type="text" size="10" placehoder="请输入密码">

placehoder属性：在未输入时显示默认文本

value属性：设置初始值

size属性：设置文本框长度

密码框

<input type="password">

单选、多选框

<input type="radio">  <input type="checkbox">

文本域

<textarea> </textarea>

与文本框的区别是，允许多行，有滚动条

下拉列表

<select >
 <option >aa</option>
 <option >bb</option>
 <option >cc</option>
</select>

普通按钮

<input type="button" value="确定">普通按钮不具有提交数据功能

提交按钮

<input type="submit" value="确定"> 放在form表单中，具有提交功能

或者<button type="submit" value="确定">

重置按钮

<input type="reset" value="清除">