HTTP <from>标签

<form> 标签用于为用户输入创建HTML 表单。

<formmethod="post" action="http://www.baidu.com">——表单以post方式向服务器传输数据。

       <tableborder="1">

           <tr>

              <td>用户名：</td>————创建文本域textField

           <td><input type="text" name="userName"id="userName"  /></td>

           <td>*姓名不能为空</td>

        </tr>

       <tr>

              <td>密码：</td>————创建密码域

           <td><input type="password" name="userPwd"id="userPwd"  /></td>

           <td>*密码不能小于6位，且为字母与数字组合</td>

       </tr>

       <tr>

              <td>性别：</td>

           <td>————————创建单选按钮

                   <inputtype="radio" name="sex" value="男"checked="checked"/>男

                <inputtype="radio" name="sex" value="女"  />女

           </td>

           <td></td>

       </tr>

       <tr>

              <td>爱好：</td>

           <td>———————创建复选按钮

                   <inputtype="checkbox" name="hobby"  value="足球" checked="checked"/>足球

                <inputtype="checkbox" name="hobby"  value="篮球" />篮球

                <inputtype="checkbox" name="hobby"  value="排球" />排球

           </td>

           <td>*必须选择爱好</td>

       </tr>

       <tr>

              <td>城市</td>

           <td>————创建下拉列表

                  <selectname="city">

                <option value="-请选择-">-请选择-</option>

                <option value="济南">济南</option>

                <option value="青岛">青岛</option>

                <option value="大连">大连</option>

           </td>

           <td>*请选择具体城市</td>

       </tr>

       <td>个人简介</td>

       <td>——————————创建文本域textarea

              <textarearows="3" cols="30" >个人信息

           </textarea>

       </td>

       <td>*请填写个人信息</td>

       <tr>

              <tdcolspan="3">——创建button按钮、submit按钮、reset按钮

           <input type="button" value="测试" />

           <input type="submit" value="提交" />

           <input type="reset" value="重置"  id="button"style="border-bottom:#F00; border-left-color:#36C; border-top-width:5px; border-top-color:#063;  padding-top:5px;margin-left:30px;background-color:#0FC"/>

           </td>

       </tr>

   </table>

</form>

</body>