zoukankan      html  css  js  c++  java
  • 表单 form

    0309-表单:标签、类型、注意事项

    表单
    示例代码:

    <form action="路径"   method="提交方式"  enctype>

      *//提交方式分为get和post(默认为get方式)

      //post提交(安全性高):在请求信息里面加参数,能接收到,看不到。

      //get提交(不安全):通过在路径后面传参数提交。可用a标签传值<a href="a.html?a=aa&b=bb"></a>

      //注意:键不能加空格、

          值不能加引号

      1.文本框:

        文本框:text (<input type="text" value="邮箱" placeholder="邮箱">)鼠标放上不显示邮箱了,鼠标离开继续显示邮箱

        密码框:password

        隐藏:hidden (<input type="hidden" id="nam" value="123">)

        多行文本:text

      

      

      

        //表单元素的通用写法

        <input type="" name="" value="" />

        //表单的特殊元素:

        //下拉(option有value:name=value;option没有value:name=内容):

        <selete>

          <option value="1">小明</option>    //name=1

          <option>小龙</option>        //name=小龙

          <option value="2">小红</option>   //name=2

        </selete>

        //多行文本(内容即value):

        <textarea name="" id="" col="宽" row="高">

          内容  //name=内容

        </textarea>

        文件:file

          文件上传要加 在form 中加 enctype属性
          <form action="" enctype="multipart/form-data">
              <input type="file">
        

      </form>

    关于name和value:

    在表单中name与value是键值对,如果需要传值,必须要有name和value(input);

    在单选和多选中name有分组的作用:通过将name设为一样实现分组。

  • 相关阅读:
    Part 1R 函数、极限和连续
    Part 1 函数、极限与连续
    C++继承与派生
    VUE笔记
    VUE错误记录
    VUE笔记
    VUE笔记
    VUE笔记
    JS学习笔记
    Node.js笔记 请求方式 GET
  • 原文地址:https://www.cnblogs.com/xiaoxiaoyu7/p/8537352.html
Copyright © 2011-2022 走看看