美文网首页
表单相关总结

表单相关总结

作者: 筱南独舞 | 来源:发表于2016-11-25 21:26 被阅读18次

表单?
表单作用:收集用户信息。
表单组成:表单域、表单控件、提示信息。


表单域常用属性 <form [属性名称="值"]> </form>
常用属性:

  1. name="value":规定表单的名称;
  2. action="value":提交表单URL;
  3. method="get/post":提交方式;
  4. enctype="value":规定在发送表单数据之前进行编码,如:"application/x-www-form-urlencoded"、"multipart/form-data"、"text/plain";
  5. target="_blank/_self/_parent/_top":何处打开表单URL;
  6. autocomplete="on/off":是否启动表单自动完成;
  7. novalidate="novalidate":不验证表单。
<form name="xxx" method="get" action="yyy" enctype="multipart/form-data" ></form>

表单控件

  • 文本框 <input type="text" [value="默认值"]/>
  • 密码框 <input type="password" [placeholder="密码"]/>
  • 提交按钮 <input type="submit" value="按钮内容"/>
  • 重置按钮 <input type="reset" value="按钮内容"/>
  • 单选框/单选按钮 <input type="radio" name="xxx" [checked="checked"]/>
  • 按钮 <input type="button" value="按钮内容"/>
  • 复选框 <input type="checkbox" value="xxx" [disabled="disabled"]/>
  • 下拉菜单 <select name="xxx" > <option>菜单内容</option> </select>
  • 多行文本框 <textarea name="xxx" cols="字符宽度" rows="行数"/>
  • 上传文件框(文件域) <input type="file"/>
  • 图象域 <input type="image" width="100" height="100" border="2" src="上传图片"/>
  • 提示信息标签 <label for="绑定空间id名"></label>

相关文章

  • 表单相关总结

    表单?表单作用:收集用户信息。表单组成:表单域、表单控件、提示信息。 表单域常用属性 常用属性: name=...

  • js文件相关API

    在表单中我们会用到上传文件的操作,现就文件相关API做以下总结。文件相关的对象主要有5个。 Blob对象: 是一个...

  • 表单相关

    1.自定义验证器 1.1 行内验证器 当表单类中包含以'validate_字段属性名'形式命名的方法时,在验证字段...

  • 某迭代测试总结

    表单组件1.0AUB相关测试思考及总结 卡片拆分总结: 1.拆分卡片及排期后,和开发沟通卡片及排期的合理性,不仅要...

  • 从rc-form和formik中总结React表单开发优化技巧

    前言 本文主要利用研读rc-form和formik代码来总结出在实践开发react表单的过程中相关优化 rc-fo...

  • bootstrap直接对form表进行校验

    form表单可以前端进行校验,当然也可以直接采用bootstrap对form表单进行校验如form表单中有 等相关...

  • 「整理」Web 端设计规范-Input与Select

    今天主要总结下表单里的input输入框与select选择框,在总结之前,我们先来了解一下表单。 表单主要负责数据采...

  • angular 表单

    官网总结 链接地址:angular 表单github例子:github例子 1. 响应式表单和模板驱动表单 1.1...

  • HTML之表单form

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 表单的作用的收集输入相关信息,通过表单提交...

  • 表单总结

    标签 定义 标签用于创建html表单; 表单能够包含input元素,比如文本字段,复选框,单选框,提交...

网友评论

      本文标题:表单相关总结

      本文链接:https://www.haomeiwen.com/subject/htewpttx.html