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

    什么是表单?

    01.获取用户的输入  ==》收集数据

    02.将用户的输入发送到服务器   ==》与服务器进行交互

    相关属性:

      action:我们收集完用户的信息之后,需要提交的服务器地址

      enctype:是否对我们提交的数据进行编码

          默认编码application/x-www-form-urlencoded

          如果form表单中有文件上传则enctype="multipart/form-data"

      method:我们数据的请求方式

          普通人对话  get

          聋哑人打手语 post

          01.get请求会在URL中显示我们输入的数据

          02.post请求会在请求头中显示我们输入的数据 F12--》NETWORK--》form-data

          03.http协议对get和post请求都没有长度限制   但是不同的浏览器对URL的长度不一样

    表单元素:

      name:必须要有! 这是后台服务器获取用户输入的依据!

           服务器分局name属性值获取元素的value值

      value:用户的输入值

      size:设置文本框的长度

      maxlength:限制用户输入的长度

      type  :

        type="text"  默认的文本框

        type="password"  密码框

        type="submit"   提交按钮

        type="button"   普通按钮   button默认的type="submit"

        type="reset"  重置按钮  还原form中所有元素的初始值

        type="radio"  单选按钮

        type="checkbox"  复选框    如果想实现默认被选中请增加属性 checked

           type="hidden"  隐藏域  用户不关注  但是服务器需要的数据

      select:   下拉列表  每个选项都是  option  默认被选中使用 selected

      textarea: 多行文本域  后续我们使用  富文本编辑器代替

      disabled: 按钮禁用

      readonly:文本只读

      

  • 相关阅读:
    计算最大公约数 Exercise05_14
    求满足n^2>12000的n的最大值 Exercise05_13
    依赖注入(DI)
    spring容器
    基于xml文件的bean的配置
    小试牛刀 spring的HelloWorld
    spring 装配Bean
    spring介绍
    hibernate相关类与接口
    hibernate 预习
  • 原文地址:https://www.cnblogs.com/liutianci/p/8343433.html
Copyright © 2011-2022 走看看