form表单（自用）

form表单
一个页面可以有多个表单，但是一个表单不能包含另一个表单。
action:信息提交的路径默认是当前页面
method:表单提交的方式
常见的子标签
input
select和option:下拉选
textarea:文本域
label标签：for属性，让单选框和文字链接，< input type=“radio” name=“gender” value=“1” id=“M” > < label for=“M”>男< /label>
button标签：type需要设置按钮类型
input标签：
常用的属性:
size：显示字符的长度
maxlength：最大长度
placeholder：占位符
type:
text:文本框默认
password:密码框
radio:单选框
checkbox:多选框
file:文件框
submit:提交
reset:重置
button:普通按钮
hidden:隐藏域在页面上显示提交的时候可以提交过去
image:图片提交替代submit
name:
可以将几个单选框(复选框)设置为一组
要想将信息保存到服务器上必须有name属性
readonly:
readonly=“readonly” 只读
disabled: 无法传值给后台
disabled=“disabled” 禁用
select :下拉选
格式:
< select name=“pro”>
< option>黑龙江< /option>
< /select>
textarea:文本域
常用的属性:
cols:列
rows:行
提交到服务器的内容的格式:
key=value&
对于文本框密码框文本域手写的内容传递过去了
对于单选框和多选框来说,却没有把值传递过去
要想把值传递过去必须设置value属性
若下拉选要想把选中内容的值传递过去,请加上value属性

 默认值:文本框 密码框:只需要添加value属性单选框 多选框:添加 checked="checked"下拉选:添加selected="selected" 文本域:标签体

form表单（自用）相关推荐

form表单提交前进行ajax或js验证，校验不通过不提交
在使用form表单进行提交数据前,需要进行数据的校验->表单的校验(如:两次密码输入是否相同)+后台数据的校验(如:账号是否存在),这个时候,如果哪步校验不通过,表单将停止提交,同时避免后台主键 ...
form表单提交编码的问题
浏览器在form提交后,会生成一个HTTP的头部信息"content-type",标准规定其形式为Content-type: application/x-www-form-urle ...
js异步提交form表单的解决方案
1.定义异步提交表单的方法 (通用方法) /*** 异步提交form表单* @param options {form:form表单元素,success:执行成功后处理函数}* <span sty ...
SpringMVC的form：form表单的使用
为什么要使用SpringMVC的form:form表单,有两个原因:一是可以更加快捷的完成表单的开发,比如会替你做好数据类型装换等本来需要你自己动手的工作.其次就是能够更加方便的实现表单回显. 首先要 ...
Form表单提交前进行JS验证的3种方式
1. 提交按钮的onclick事件中验证 <script type="text/javascript"> function check(form) { ...
form表单的reset
form表单的reset 重置表单(把表单的所有输入元素重置为它们的默认值.): 1.使用reset按钮,条件reset按钮必须在form表单内部. 2. <input id="But ...
HTML中的form表单有一个关键属性 enctype
HTML中的form表单有一个关键属性 enctype＝application/x-www-form-urlencoded 或multipart/form-data. 1.enctype=" ...
一个接口同时支持 form 表单、form-data、json 的优雅写法
欢迎关注方志朋的博客,回复"666"获面试宝典来源:https://juejin.cn/post/7054441239839506446 最近重写个项目遇到个比较棘手的问题,老项 ...
react antd form 表单清空
关于react_antd_desgin的学习这两天也是获取到的知识零零散散,大多在网上也能获取的到,所以隔了很长的时间,没有编写关于react相关的文章.今天之所以写也是因为公司中秋节放假,在郑州,窗 ...

form表单（自用）

form表单（自用）相关推荐

最新文章

热门文章