表单相关总结

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


表单域常用属性 <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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 921评论 0 1
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,262评论 4 61
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,245评论 3 17
  • 表单表单是用来提交资料、意见,规范流程执行过程的格式。在网页中主要负责数据采集功能。表单标签:这里面包含了处理表单...
    思思有礼阅读 846评论 0 0
  • Canvas是HTML5新增的组件,它就像一块幕布,可以用JavaScript在上面绘制各种图表、动画等 一个Ca...
    已重置2020阅读 460评论 0 1