表单控件——form

表单控件指的不是表单是input那些标签 select button

如果把控件放在form标签内部就会有他们各自的系统自带的功能

action是一个网址 ==>当用户点击提交了以后会把打包的数据传输给这个网址对应的计算机(服务器,后端)

method是怎么传输表单中的数据

enctype是怎么打包表单数据:

application/x-www-form-urlencoded 打包为表单编码的数据

multipart/form-data 打包为二进制数据包

text/plain 打包为字符串

input type:

input submit value值给用户渲染不打包传给后端当用户点击的时候就会自动把当前submit所在表单内部的所有输入型(用户能操作的)全部打包发送给后端然后就是a标签功能

如果自己给submit绑定有点击事件那么它会先执行自己的点击事件,然后在执行系统默认的点击事件

常常自己写事件做前端表单验证然后阻止系统默认事件执行验证完毕以后可以:自己提交数据也可以用js代码去触发submit提交的功能:form.submit()

button按钮如果写在了form内部: type="button"的按钮是普通没有写这个属性按钮就是submit按钮

url1.οnchange=function(e) {

console.log(666,e)

}

color1.onchange = function(e) {

e = e || window.event

console.log(666, this.value, e.target.value)

}

name属性是系统打包数据的时候会把name作为key把value属性最为value打包

emali=123&color1=#777&pwd1=123

如果是复选框也会一样的把name的值作为key多次拼接==>需要后端解析

select内部的option设置了点击事件会点不动有需求:给select绑定change事件

city.οnchange=function () {

console.log(this.value)

}

text.οninput=function (e) {

console.log(e.data,e.target.value)

}

file1.οnchange=function () {

console.log(this.files)

}

表单控件——form相关推荐

我教女朋友学编程Html系列(6)—Html常用表单控件
做过网页的人都知道,html表单控件十分重要.基本上我们注册会员.登录用户,都需要填写用户名.密码,那些框框都是表单控件. 本来今天就想写一些常用的html表单控件,于是开始搜资料,找到了一个网页,作 ...
表单和表单控件以及表单域详解
表单域:存放表单的区域.把表单控件里面的信息全部收集提交. 表单控件 input表单控件: 1.是个单标签 </input> 2.input可以通过type(类型)属性来变换形状单选按钮 ...
CSS-form表单及input表单控件
一.表单 1.认识表单在HTML中,一个完整的表单通常由表单控件(也被称为表单元素).提示信息和表单域3个部分构成. 2.创建表单在HTML中,<form></form>标 ...
ExtJs简单form表单控件
ExtJs常用表单控件 2011-05-31 18:14 我们还是从最简单的代码实例开始吧:  <body> <div id="for ...
Form表单控件与浮动
Form表单控件第一点: 文本域 textarea 语法属性 name:控件的名字 cols:指定文本域的列数,变相设置宽度 rows:指定文本域的行数,变相设置高度 readonly:只读 pl ...
form表单控件及控件属性
今天又学习了前端的form控件,这是我第二遍学习,确实发现不少新东西,把自己觉得常用的记下来表单控件: **form:最主要的一个标签,但是这个元素不会生成可是化部分**属性:action:表单提交 ...
antd自定义form表单控件
用 getFieldDecorator 方法包裹的表单控件会自动添加 value (或由 valuePropName 指定的属性名) 和 onChange (或由 trigger 指定的属性名)属性, ...
C# 添加Excel表单控件（Form Controls）
在Excel中,添加的控件可以和单元格关联,我们可以操作控件来修改单元格的内容,在下面的文章中,将介绍在Excel中添加几种不同的表单控件的方法,包括: 添加文本框(Textbox) 单选按钮(Rad ...
autojs遍历当前页面所有控件_HTML5表单和表单控件的使用
哈喽大家好,我是作者"未来",本期分享的内容是Web前端系列课程,本系列总共29个阶段,坚持学习3个月蜕变为Web前端高手哦! 志同道合的小伙伴跟我一起学习交流哦! 第一阶段 HT ...

表单控件——form

表单控件——form相关推荐

最新文章

热门文章