博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
form表单以及input标签里的属性。
阅读量:6152 次
发布时间:2019-06-21

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

form表单:

form表单里的标签有:input,(输入框,这里是要有属性的) select(下拉菜单) option(嵌套在select标签里的,这个是表示下拉菜单里的选项) textarea(表示多行文本框) label(label标签是与input产生联系的) method(提交方式) action(提交地址) placeholder(input中的提示信息,下面会有placeholder与value的区别。)

input:

input是有一个type属性的以及还有很多属性接下来先对常见type的值做一个介绍。(下面会对input标签里的其他属性做简介)

  • text  单行文本框(注意这个是单行文本框并且还是input里type属性的值。多行文本框是一个标签)
  • password  密码域(这个会将输入将输入的文本用粗黑点表示)
  • checkbox  复选框
  • radio  单选框
  • file  文件域(file后面是要有name的在file中name是只读的)
  • name  数据的名字(相当于给数据写名字)
  • value  提交数据(如果给了一个value还给了属性值那么这个属性值会默认的出现在input中的。如果要将input中的数据提交要有一个那么name)
  • button  提交按钮(这个要配合js使用)
  • submint  提交按钮(为保险起见不同浏览器编译出的不同在写这个属性是后面要加value属性)
  • reset  重置按钮((为保险起见不同浏览器编译出的不同在写这个属性是后面要加value属性)
  • image  图像域(会将form表单的数据进行点击图片提交,同时会将鼠标的坐标进行提交,这个的作用主要就是可以把一张图片当成一个提交按钮)
  • hideden  隐藏域(常用场景:不想让用户看到的地方使用。主要作用是将input隐藏)

select:

select标签里有两个属性name和size

  • name  起名字的作用
  • size &nbnsp;想让列表出现几个选项属性值就填几

option

option也有两个属性value和selected

  • value  属性是在option选项中写的,value的值适合后台商量好的值。
  • selected  默认选择到选项

textarea

这里就不做介绍只写个例子:<textarea name="" cols="" rows="">(cols是复选框的高row是复选框的高)

label

label是与input产生联系的,label标签有一个属性for例如:<label for="id">(如果input在label中有多个那么只与第一格input产生绑定)

label标签的两种写法:

直接将input写在label中,注意只与第一个input绑定 可以将label和input分开写要给input增加一个id属性,利用label中的for属性

method:

method是用作提交方式的,提交方式有两种:get和post。get的常用场景是分享和收藏,post的常用场景是 登陆。

get和post的区别:get会将数据直接显示在URL中post不会将数据直接提交在URL中。

action:

action主要用来显示数据提交的地址,如果没有给action值那么会提交到当前页面。

placeholder:

placeholder主要是input中的提示信息,这个和value不同当input获取到焦点的时候这个会自动消失。

value和placedolder的区别:

paceholder当文本框获取到焦点placedolder会自动消失当输入框是空白的时候placeholder会自动出现。value是要传输的数据如果给了vluae属性那么这个属性会自动的出现在文本框中除非在文本框中删除。

转载于:https://juejin.im/post/5cc594166fb9a032204fdf3d

你可能感兴趣的文章
LAMP一体环境快速安装
查看>>
基于Django开发一个BBS案例
查看>>
在ecshop用户中心我的订单列表中显示商品的名称
查看>>
JSR校验
查看>>
多线程-单例模式安全问题
查看>>
Unity3D 与udk 3D游戏动漫引擎的开发特点
查看>>
jsp页面与ActionForm数据交互的原理
查看>>
同一首歌
查看>>
记壹次不愉快的使用医保卡的经历
查看>>
CSS 渲染样式优先级(选择器优先级)
查看>>
apache编译故障-apr-not-found.docx
查看>>
多线程读写链表 pthread
查看>>
Maven的dependencyManagement
查看>>
数组分类:关联数组,索引数组
查看>>
NSURLConnection
查看>>
广告系统常见实体和属性
查看>>
IT 事业发展:保卫您的 IT 职业生涯
查看>>
详述cookie及其使用
查看>>
我的友情链接
查看>>
大学计算机软件专业生应该学什么
查看>>