表单 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" >)

    多行文本: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="" >

      内容  //name=内容

    </textarea>

    文件:file

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

  </form>

关于name和value:

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

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

表单
示例代码:

<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" >)

    多行文本: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="" >

      内容  //name=内容

    </textarea>

    文件:file

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

  </form>

关于name和value:

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

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