表单

168 阅读2分钟

表单

form表单:<form method="" action="">

  • method="get" 规定如何发送表单数据
  • 默认get请求 特征在你输入数据的名字和数据的值 都会显示在网页地址中
  • post请求 一般采用post 有加密的作用
  • action表示向何处发送表单数据 输入框:<input type="" name="" value="" size="" maxlength=""> 密码框:<input type="password"> image.png image.png
  • type 指定元素的类型 默认为 text
  • name指定表单的名称
  • value 元素的初始值
  • size 表单元素的初始宽度
  • maxlength输入的最大字符数
  • 密码框内的内容都是加密的 单选按钮:<input type="radio" name="" >
    <input type="radio" name="" checked>

image.png image.png

  • 想要实现二选一name中的值必须是相同的
  • type为radio时必须指定一个值
  • checked表示默认选中 复选框:<input type="checkbox" name="" value=""> image.png image.png 列表框(下拉框):
    <select name="" size="">
    <option value=""></option>
    </select>
  • 默认选择第一个
  • mane值在select上设置
  • value值在option上设置
  • 发送给后台的值是value中的值
  • 默认选择项 可以设置selected=”selected“ 也可以简写为selected
  • size表示显示出的行数 默认显示一行 image.png image.png 提交按钮:<input type="submit" value="提交">
  • 只有在form表单包裹的时候才可以使用 图片按钮:<input type="image" src="" name="">
  • input type="image"是具有提交功能的 可以把数据提交给后台
  • image的值取决于点击图片的时候的坐标 普通按钮:<input type="button" value="">
  • 普通按钮没有提交功能 重置按钮:<input type="reset" value="">
  • 重置按钮 恢复到默认的值
  • 也没有提交功能 多行文本域:<textarea name="" id="" cols="30" rows="10"></textarea>
  • cols表示显示的列数 主要控制多行文本域的宽度 和显示的字符相比 是一个大概的范围
  • rows表示显示的行数 主要控制多行文本域的高度 文件域:<input type="file" name="" id=""> 可以上传文件 name是数据的名称
  • 一般文件提交的时候 会使用post请求
  • 一般上传文件会设置编码属性 enctype="multipart/form.data" image.png