HTML5——表单

介绍

　　<form method="提交方式" action=“服务器 url” enctype=“编码方式” >

 

作用

　　表单标签，用于收集用户信息发送给服务器进行处理

 

属性

　　宽度：默认父容器宽度

　　高度：自适应

　　独占一行

　　method：用于规定如何发送表单数据。

　　　　　　get：以get方式发送

　　　　　　post：以post方式发送

　　action：服务器url地址

　　enctype：规定在发送到服务器之前应该如何对表单数据进行编码。

　　　　　　application/x-www-form-urlencoded （默认值，数据编码形式为键/值对）

　　　　　　multipart/form-data （将数据内容分段，每段用分隔符隔开，在需要文件上传时，必须设置该属性）

　　　　　　text/palin （空格转为加号，但不对特殊字符编码）

　　　　　　

使用

　　

<form method="get" action="http://106.55.50.79:8080/re">
            <table>
                <tr>
                    <td>用户名</td>
                    <td><input type="text" placeholder="请输入用户名" name="userName"/></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="password" placeholder="请输入密码" name="password"/></td>
                </tr>
                <tr>
                    <td>手机号</td>
                    <td><input type="number" placeholder="请输入电话" name="userPhone" /></td>
                </tr>
                <tr>
                    <td>性别</td>
                    <td><input type="radio" name="sex" value="male" >男   <input type="radio" name="sex" value="female" />女 </td>
                </tr>
                <tr>
                    <td><input type="submit" value="提交"> <input type="button" value="取消"></td>
                </tr>
            </table>
        </form>