博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于form与表单元素的相关知识总结
阅读量:6343 次
发布时间:2019-06-22

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

hot3.png

form元素:

form元素的DOM接口是FormElement,继承自HTMLElement,因而它与其他的HTML元素拥有相同的默认属性,不过它自身还有几个独有的属性和方法:

accept-charset:服务器能够处理的字符集,多个字符集用空格分割;
length:表单中控件的数量;
method:要发送的HTTP请求类型,通常是“get”或“post”,该值可以被form元素中的input或button元素的formmethod属性覆盖;
name:表单的名称;
reset():将所有表单域重置为默认值;
submit():提交表单;
autocomplete:是否自动补全表单元素;

input元素:

input元素是应用非常广泛的表单元素,根据type属性值的不同,有以下几种常用用法:

文本输入:提交输入:单选钮输入:复选框输入:数字输入:   //输入框只能输入数字,可设置最大值,最小值。范围输入:类似number,  //但它会显示一个滑动条,而不是输入框。颜色输入:  //会弹出一个颜色选择器。日期输入:   //会弹出一个日期选择器。email输入:   //显示为一个文本输入框,并会弹出一个定制键盘。tel输入:  //跟email输入类似url输入 : //跟email输入类似,也会弹出一个定制键盘。textarea元素可以创建一个多行的文本区: //其中cols和row的属性值分别表示文本区宽度和高度的字符。select元素和option元素结合使用可创建一个下拉菜单:

radio

如何 分组? 设置不同的 name属性即可: 这就是两组radio

 //玩游戏 //写代码

placeholder

提供可描述输入字段预期值的提示信息(hint)。

该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

type=hidden

定义隐藏的input。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值,它们的值也可以由 JavaScript 进行修改。

比如用于安全方面,给后台传输用户不可见的name 和value值,让后台做校验,防伪造页面。

 

 

 

转载于:https://my.oschina.net/u/3649083/blog/1560894

你可能感兴趣的文章
haproxy 动静分离实例
查看>>
IntelliJ IDEA 18 周岁,吐血推进珍藏已久的必装插件
查看>>
2.Ext JS MVVM特性
查看>>
Kubernetes 中基于策略的资源分配
查看>>
SpringMVC + Shiro重定向次数过多问题
查看>>
Microsoft 宣布 Visual Studio 2019 发布日期
查看>>
杨老师课堂之基于注解的SSH整合案例
查看>>
首个由国内发起的分布式消息领域的国际标准OpenMessaging一周年回顾
查看>>
KNOPPIX 8.5.0 发布,光盘启动的 GNU/Linux
查看>>
Coursera深度学习(DeepLearning.ai)编程题&笔记
查看>>
OpenGL ES 实践
查看>>
git将本地项目发布到远端
查看>>
容器技术干货┃K8s存储篇之PV(PVC)
查看>>
PostgreSQL 10.1 手册_部分 III. 服务器管理_第 18 章 服务器设置和操作_18.11. 在Windows上注册Event Log...
查看>>
CentOS7 上搭建多节点 Elasticsearch集群
查看>>
Linux编译安装MySQL
查看>>
判断DOM元素是否出现再浏览器窗口中
查看>>
ListView、TreeView和DataGrid。
查看>>
设计模式---工厂模式(DesignPattern_FactoryMethod)
查看>>
[UWP]不怎么实用的Shape指南:自定义Shape
查看>>