美文网首页饥人谷技术博客
HTML表单用法的简单说明

HTML表单用法的简单说明

作者: 冷的像风 | 来源:发表于2017-02-12 01:19 被阅读0次

    form表单

    form表单表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。

    常用属性

    action

    一个处理这个form信息的程序所在的URL。这个值可以被 <button> 或者 <input> 元素中的 formaction 属性重载(覆盖)。
    

    enctype

    当 method 属性值为 post 时, enctype 是提交form给服务器的内容的 MIME 类型 。可能的取值有:

    application/x-www-form-urlencoded: 如果属性未指定时的默认值。
    multipart/form-data: 这个值用于一个 type 属性设置为 "file" 的 <input> 元素。
    text/plain (HTML5)
    

    method

    浏览器使用这种 HTTP 方式来提交 form. 可能的值有:

    post: 指的是 HTTP POST 方法 ; 表单数据会包含在表单体内然后发送给服务器.
    get: 指的是 HTTP GET 方法; 表单数据会附加在 URI action 属性中并以 '?' 作为分隔符, 然后这样得到的 URI 再发送给服务器. 当这样做(数据暴露在URI里面)没什么副作用,或者表单仅包含ASCII字符时,再使用这种方法吧。
    

    常用标签

    <input type="text">   //单行文本输入框
    <input type="password">   //密码输入框
    <input type="checkbox">   //多选框
    <input type="radio">   //单选框  通过name属性值来进行分组
    <input type="file">   //可以让用户选择文件。使用 accept 属性可以定义控件可以选择的文件类型。
    <input type="submit ">   //用于提交表单的按钮
    <input type="number ">   //用于输入浮点数的控件
    <input type="hidden ">   //不显示在页面上的控件,但它的值会被提交到服务器
    <input type="button ">   //无缺省行为按钮
    

    上文即为form表单的一些简单的用法说明

    相关文章

      网友评论

        本文标题:HTML表单用法的简单说明

        本文链接:https://www.haomeiwen.com/subject/fjzoittx.html