博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5-form表单
阅读量:4980 次
发布时间:2019-06-12

本文共 965 字,大约阅读时间需要 3 分钟。

什么是表单?

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:文本只读

 

  

 

转载于:https://www.cnblogs.com/liutianci/p/8343433.html

你可能感兴趣的文章
PHP函数 ------ ctype_alnum
查看>>
HDU 1102 Constructing Roads
查看>>
多线程之ThreadLocal类
查看>>
OC语言description方法和sel
查看>>
C#中得到程序当前工作目录和执行目录的五种方法
查看>>
python 迭代器与生成器
查看>>
[django]form的content-type(mime)
查看>>
仿面包旅行个人中心下拉顶部背景放大高斯模糊效果
查看>>
C# 小叙 Encoding (二)
查看>>
CSS自学笔记(14):CSS3动画效果
查看>>
项目应用1
查看>>
基本SCTP套接字编程常用函数
查看>>
C 编译程序步骤
查看>>
[Git] 005 初识 Git 与 GitHub 之分支
查看>>
【自定义异常】
查看>>
pip install 后 importError no module named "*"
查看>>
springmvc跳转方式
查看>>
IOS 第三方管理库管理 CocoaPods
查看>>
背景色渐变(兼容各浏览器)
查看>>
iOS 电话在后台运行时,我的启动图片被压缩
查看>>