JAVAWebform

表单.

  1. 表单的作用:主要是用来收集用户在页面输入的数据,并提交到指定的服务器

  2. 表单属性
    (1)name:设置表单的名字 ,
    (2)action:用来设置表单数据提交的服务器地址
    (3)method:用来设置表单数据提交的方式
    GET & POST 默认使用GET请求,通常使用POST
    (4)enctype(表单数据的传输方式):

    默认值 application/x-www-form-urlencoded
    表单数据传输到服务器中,通过 键值对 结构进行传输

    multipart/form-data
    表单数据传输到服务器中,通过 流 的形式传输. 当表单中需要上传文件的时候,必须设置为该值. 如果要进行文件上传、那么 method 必须设置为 POST

    application/json
    表单数据传输到服务器中,通过 JSON格式进行数据传输

  3. 表单的组成
    a)表单标签
    b)表单域
    (1)文本框

    <input  type="text" name=" " >
    

    (2)密码框

    <input type="password" name=" ">
    

    (3)单选框(radio 可以通过 checked 属性 默认选中一个元素)

    <input type="radio" value="m" name="sex" checked>男
    <input type="radio" value="f" name="sex">女
    

    (4)复选框

    <input type="checkbox" name="hobby" value="游泳">游泳
     <input type="checkbox" name="hobby" value="爬山">爬山
     <input type="checkbox" name="hobby" value="学Java" checked>学Java
    

    (5)数字框

    <label for="">手机号:</label>
    <!-- step 设置步长,如果设置为 小数,则输入框可以输入 小数点 -->
    <input type="number" name="tel" >
    

    (6)滑块

    <label>成绩:</label>
    <input type="range" min="0" max="100" value="0">
    

    (7)日期框

    <input type="date" name="birth" />
    

    (8)隐藏框

    <input type="hidden" name="project" value="测试"/>
    

    (9)留言框

    <textarea name="info" cols="30" rows="10"></textarea>
    

    (10) 多选框

    <label for="">所属城市:</label>
    <!-- 如果希望下拉列表选中多个元素,添加一个 multiple -->
    <select name="city"  multiple>
    <option value="411000">郑州</option>
    <option value="411100">开封</option>
    <option value="411200" selected>洛阳</option>
    <option value="411300">许昌</option>
    <option value="411400">南阳</option>
    </select> 
    

    (11)文件上传框(可以通过accept 限制上传的类型, multiple 允许多选)

    <input type="file" name="photo" accept="image/*" multiple>
    

    (12)按钮

    <input type="submit" value="注册" />
    <input type="reset" value="重置" />
    <input type="button" value="普通按钮" />
    
上一篇:C#Post方法GetResponse抛出异常后获取状态码和返回的信息


下一篇:HTTP请求解析