zoukankan      html  css  js  c++  java
  • form表单基础知识

    form 元素是块级元素

    -------------------

    -------------------

    ---------------------------------------------------------------

    -------------------

    -------------------

    -------------------

    这里的Name用于表单元素命名,数据处理时,用name来读取和区分。

    -------------------

    -------------------

     

    -------------------

     

    男:<input type="radio" name="man"/>

    女:<input type="radio" name="women"/>

    两个选项的name属性值是相同的,且value的值是不可以相同的。

    -------------------

     

    <tr>//第一组

      <td align="right">爱好:</td>

      <td>

        读书:<input type="checkbox" name="read"/>

        跳舞:<input type="checkbox" name="dance"/>

        唱歌:<input type="checkbox" name="sing"/>

      </td>

    </tr>

    <tr>//第二组

      <td align="right">运动:</td>

      <td>

        跑步:<input type="checkbox" name="sport"  value="run"/>

        篮球:<input type="checkbox" name="sport"  value="basketball"/>

        跳绳:<input type="checkbox" name="sport"  value="jump"/>

      </td>

    </tr>

    同一个页面同个复选框的name的值一定要一样,且不同复选框的name的值一定要不一样。

    每个复选框的每个选项的value的值不能一样。不同复选框的value的值允许一样,因为不同复选框的name的值已经不一样了。

    -------------------

    ----------------

    图象域的功能是提交按钮一样submit。

    ----------------

    隐藏域的数据用户是看不到的,提交时,会和其他数据一起提交给服务器。

    其中value="",value的值就是要传给服务器的值。。

    ---------------------------

    ------------------

     

    <select>标签中设置了multiple或size属性的话select是列表菜单,不是下拉菜单,不设置这两个属性就是下拉菜单。

    ------------------

     

          <select>  <!------ size=5  multiple 添加这个就变成多组列表菜单-------->
                            <option>--请选择--</option>
                            <optgroup label="北方">
                                <option value="bj" selected>北京</option>
                                <option value="sh" >上海</option>
                                <option value="hb" >河北</option>
                            </optgroup>
                            <optgroup label="南方">
                                <option value="sz">深圳</option>
                                <option value="fj" >福建</option>
                                <option value="xm">厦门</option>
                            </optgroup>
                        </select>

    -----------------------------------

    ---------------------------------------

    ---------------------------------

    ---------------------------------

    enctype:

    enctype这个属性管理的是表单的MIME(Multipurpose Internet Mail Extensions)编码,共有三个值可选:


    1、application/x-www-form-urlencoded  ---默认值,作用是设置表单传输的编码,不能用于上传文件

    eg: AJAX中xmlHttp.setRequestHeader("Content-Type","application/x-www-form- urlencoded"),不写会报错的

    form表单里是可以不写enctype=application/x-www-form-urlencoded,因为默认HTML表单就是这种传输编码类型


    2、multipart/form-data ---制定传输数据的特殊类型,上传的非文本的内容,比如图片或是是mp3


    3、text/plain ---纯文本传输,不能用于上传文件

    MIME: 多功能Internet 邮件扩充服务,它是一种多用途网际邮件扩充协议,在1992年最早应用于电子邮件系统,但后来也应用到浏览器。服务器会将它们发送的多媒体数据的类型告诉浏览器,而通知手段就是说明该多媒体数据的MIME类型,从而让浏览器知道接收到的信息哪些是MP3文件,哪些是Shockwave文件等,服务器将 MIME标志符放入传送的数据中来告诉浏览器使用哪种插件读取相关文件。

      

    ---------------------------------

    method:

    get: 数据会暴露在地址中,且数量有限制。不安全

    post:  比较安全

    --------------------------

  • 相关阅读:
    (原)在ubuntu 中安装 swi prolog 和 简单的使用
    (转) 新手入门:C/C++中的结构体
    (转) eclipse debug (调试) 学习心得
    flutter: 根视图、根元素与根渲染
    eggjs的参数校验模块egg-validate的使用和进一步定制化升级
    Vue源码中用到的工具函数
    21 项优化 React App 性能的技术
    react-redux 的使用
    编写 Vue.js 组件前需要知道的 10 件事
    Flutter实现抽屉动画效果
  • 原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/10628756.html
Copyright © 2011-2022 走看看