html中关于form表单的基本知识点

表单输入框采集的信息:提交给后端,是通过form标签的action属性来完成的,
     其中的Method属性设置了请求提交方式,默认情况是get, 发送的数据都是以 name=value对形式发送,
     以字符串的形式凭借在接口地址之后。 post:加密发送,出来可以发送数据,也可以传送文件;

     input标签中的name是前后端自定义的约定好的字符,必须填写

     input标签中的常用属性,placeholder 预置输入信息
      required    必填项
      disabled    设置禁填项

      autofocus  页面加载后自动获取焦点 

常用表单:
input type
输入框  : 文本输入 密码输入 邮件输入
选择框  :单选 复选(label标签) 文件上传
按钮类  :提交  重置  按钮  添加背景色才可以设置高度

CSS样式重置 
input -> outline:none;
textarea  -> resize:none;

按钮  ->  background:transparent;


    form表单,用于采集用户信息,该标签常用属性
action="":用于设置表单提交地址
method="get/post":提交请求方式
get:非加密模式,会将表单中的数据以 键值对的形式相互拼接,然后跟在请求地址之后,常常用于处理非保密数据,不能     发送文件


post:加密发送,可以发送大文件,缺点:效率低下


表单标签的中的 name属性一般时我们自定义的
键值(需要与后台接口保持一致)
value是采集的用户信息
name=value


样式特性:按钮类的input在设置高度时,必须有
background属性


文本域 textarea 
cols=列数
rows=行数

猜你喜欢

转载自blog.csdn.net/lanseguhui/article/details/80651398