form表单

用于收集用户信息,如:登录、注册等场景;所有要提交的数据都必须放在form标签中

action:提交地址、动作,与input标签中typy标签的submit属性相关联。 ,提交地址是action的地址

method:提交方法,有get和post两种提交方法。

get方法:提交数据可以再URL中看见,

例如:(1)以http://reg.email.163.com/unireg/call.do?cmd=register.entrance&from=126mail传递参数

(2)URL长度有限制,所以传递的参数数据就有限制

(3)由于数据可以看见,所以不安全

(4)网页默认的请求是get

post方法:   

1. 将form data 保存在http的请求体        

2. 没有长度限制         

3. 安全的         

4. 往往在开发中用于提交数据form表单提交post        

5. 文件上传 method = post enctype=multipart/form-data

input标签:输入框,是表单中最重要的部分

name:指定名字,因为提交的是键值对,所以必须要指定名字,否则无法提交,即使提交了也没有意义

value:文本框的内容,一般用在不能输入的类型中,如改变按钮的名字等。

placeholder:占位内容,通常用于提示:

<

readonly:只读模式,设置后无法修改输入框的内容

disabled:禁用状态 

<

size:由于输入框是单行的,所以只能设置宽度

maxlength:限制输入框最大输入的字符个数

type属性:

text:普通文本,标签的默认属性时text ,通常如输入用户名用的是text

passworld:密文文本,输入的内容不显示。如密码输入框

submit:提交按钮。上文提到过,要与action一起用。

radio:单选框,多个关联选项name属性要一致,需要设置value,默认选中用checked设置

:用于关联单选按钮与文字。

<

CheckBox:复选框,属性与单选框类似

<

file:文件上传,需要进行配套设置。提交方法需要用post

hidden:隐藏字段,该字段根普通字段一样,但是不会在页面上显示

<

除了输入框外常用的还有下拉选择框和文本域

select:下拉选择框 

属性name需要设置   

size:可以设置高度(选项个数)

每个选项都是一个option,必须指定value,默认选中使用属性selected

<

textarea:文本域。

说明:可以输入多行文本

属性:

cols:列数(宽度)

rows:行数(高度)

注意:不要在标签书写任何多余的内容

<

例子:

为了对齐方便使用table表格标签来辅助对齐。

<

android中怎么保存checkbox中的checked属性_第二十四天HTML中的form表单相关推荐

  1. java中过滤流_第十四讲 Java中的字节流和过滤流

    第十四讲Java中的字节流和过滤流 主要内容 InputStream和FileInputStream OutputStream和FileOutputStream 文件字节IO流应用举例 过滤流类和常用 ...

  2. js 浅拷贝直接赋值_第二十二篇 JS中浅拷贝的方法有哪些?

    重要:什么是拷贝?之前也写过类似的文章,大家可以看<理解js的深拷贝和浅拷贝原理和实现的方法> 首先来直观的感受一下什么是拷贝. let arr = [1, 2, 3]; let newA ...

  3. 网页中设定表格边框的厚度的属性_请写出在网页中设定表格边框的厚度的属性_______;设定表格单元格之间宽度属性...

    [单选题]已知i1=10sin(ωt + φ1)A,i2=5sin(ωt + φ2)A,φ1-φ2=π,则它们的相位关系是 [判断题]488 . 混合性食物的食物热效应约占其总能量的10%. [单选题 ...

  4. 第83天:jQuery中操作form表单

    操作form表单 1. 属性操作 设置属性: // 第一个参数表示:要设置的属性名称 // 第二个参数表示:该属性名称对应的值 $(selector).attr("title", ...

  5. HTML中form表单的应用

    1.form表单标记 form表单以<form>标记开始,以</form>标记结束 而在form表单中的属性 action 规定当提交表单时向何处发送表单数据. method ...

  6. html中的form表单

    表单经常会用到,也是很重要的一个知识点,下边我将梳理html中form表单的应用 form是一个块标签,写在最开始,对其属性input进行包裹,有两个属性值,分别是action以及method act ...

  7. HTML中的form表单及其提交原理

    HTML中的form表单 form属性 表单内容数据类型 表单控件 input表单控件 type属性 其他属性 button表单控件 label表单控件 表单组件 select option 表单提交 ...

  8. form表单、控制器中接收表单提交数据的4种方式

    Form表单 这篇文章主要讲的是form表单的提交 之前我们接触过的form表单元素是在Bootstrap框架里面,这次也将用到Bootstrap框架去布局(见图表1)通过Bootstrap框架布局呈 ...

  9. HTML中的form表单的标签、属性、属性值; CSS以及HTML5新增属性、属性值

    form表单HTML5.CSS3标签及属性.属性值 form表单HTML标签.属性.属性值: (单行文本输入框) (密码输入框) (单选框) (多选框) (提交按钮) (重置按钮) 或者按钮(空按钮) ...

最新文章

  1. 网络流Dinic cur当前弧优化
  2. 计算机安装两个键盘会怎样,外设门诊:一个键盘能否连接两个接收器?
  3. Redis使用及工具类
  4. MongoDB集群之分片技术应用 —— 学习笔记
  5. vue设置一个简单的计算器
  6. 你眼泪的味道,我知道!
  7. Android Gradle Plugin 源码解析之 externalNativeBuild
  8. SAE去掉index.php实现自定义固定链接
  9. flume案例-flume级联-组件分析
  10. request-promise 获取返回头信息_http返回的状态码 大全
  11. 2018/3/1 省选模拟考试 50分
  12. RabbitMQ学习笔记-RabbitMQ深入理解
  13. Perl中判断数组或hash为空
  14. leetcode刷题日记-喧闹和富有
  15. paip.slap工具与于64位win7与JDBC的性能对比
  16. 单例模式之懒汉式(线程安全)
  17. 角度和弧度的计算关系
  18. Centos 7 磁盘分区
  19. 我的软件开发理念和流程
  20. 蓝桥杯单片机(八)DS18B20温度测量(整数显示)

热门文章

  1. 【Codeforces #130 Div2】Solutions
  2. javascript 获取上一页的url
  3. java做报表_一步一步使用POI做java报表
  4. fastjson 1.2 版本之前的bug, 反序列化时自动排序,导致签名不过
  5. 6、jeecg 笔记之 自定义excel 模板导出(一)
  6. Fiddler过滤指定域名
  7. centos7 geenplum5.x postgis开源版本编译
  8. ELK+Kafka部署
  9. centos7 zookeeper3.5.6单点部署
  10. jqgrid多选和禁止某行记录选择