小皆学前端—form标签内的元素介绍

1、input

2、textarea:定义一个多行的文本输入控件。

属性:required => 规定文本区域是必填(IE9以下和 Safari不支持)

rows文本域的高,cols文本域的宽

3、botton:

属性:disabled => 禁用按钮,可用于满足某些条件才可点,使用JS来remove此属性使按钮可点。

formmethod(H5新增)=> 发送表单的方法,“get” or “post”

2、select:创建下拉列表,支持事件属性。

<option>标签定义了列表中的可选项,<option>标签中的selected属性规定了在页面加载时预先选定该选项,语法:

<option selected>

<optgroup>标签用于把相关的选项组合在一起,类似于分出了二级和三级菜单。

name属性:规定下拉列表的名称,用于在 JS 中引用元素,或者在表单提交后引用表单数据。

H5新增的属性:autofocus(IE9以下和 Firefox不支持)下拉列表在页面加载时自动获得焦点

3、fieldset:将表单内的相关元素分组,会在相关表单周围绘制边框,<legend>为<fieldset>定义标题。

一般用在,几个lable之间会存在间隙,用fieldset可以去掉间隙,把几个相关的lable集中到一起。

4、lable:无特殊样式效果,可用于扩大热区。

for属性可绑定某个元素id,当点击到lable元素内的文本时,此被绑定的元素控件也会被一并触发。

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,814评论 1 92
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,233评论 3 17
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,331评论 1 41
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 10,935评论 3 184
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,627评论 32 459