七百字讲清楚html的表单

七百字讲清楚html的表单

一句话,表单就是一个form元素,里面包含了一个或多个input、textarea、select>option。这些子元素一般都有属性name和value,当向后端传送数据时,传的就是这些name和value。

1、input元素是多行,textarea元素是多行。

2、给input元素的type设置不同的值,就得到不同的输入框。type的取值有: 


3、没有一个元素叫radio,所谓radio是用一组input[type=”radio”]来实现的。

4、怎么知道一组input[type=”radio”]属于同一组,看它们的name值是否相同。

5、没有一个元素叫checkbox,所谓checkbox是用一组input[type=”checkbox”]来实现的。

6、怎么知道一组input[type=”checkbox”]属于同一组,看它们的name是否相同。

7、label其实是传送门,点击了label,就相当于点击了和它联系的input、textarea。何谓“联系”呢,就是label的for值等于某个input、textarea的id值。

8、select一般是单选的,如果想要多选,需要添加一个属性multiple=”multiple”.

9、一般,checkbox有默认的选项,可以这样来设置:

10、如果select里的option太多了,为了看起来清爽,可以对它们分组,使用optgroup标签即可,具体的html结构是select>optgroup>option。

11、如果form里的项目太多,为了看起来清爽,可以对它们分组,使用fieldset标签即可,具体的html结构是form>fieldset>input/textarea/select。

12、form的action属性设置的是处理该表单的后台地址。但是现在已经很少用了,现在都是用js来控制向后台传送数据的整个流程。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本节重点 HTML5中添加了许多新特性的表单元素 表单元素主要表现在 元素Element + 类型Type + 属...
    南航阅读 2,892评论 0 4
  • 表单 form form 元素 表示了文档中的一个区域,这个区域包含有交互控制元件,用来向 web 服务器提交信息...
    zerojs阅读 761评论 0 0
  • 引言: 表单是我们在日常页面之中最多用来与用户交互数据的一种方式,其中有许许多多的标签带我们来开发,H5之中更是添...
    ArvinH阅读 3,256评论 0 0
  • form表单细节 一、表单 1.表单 标签用于为用户输入创建 HTML 表单 2.表单能够包含 input 元素...
    前前前端小飞阅读 991评论 0 1
  • 建立表单(form元素) form元素可以指定下面的内容:(1)表单的布局。(2)指定处理表单的服务嘴程序URI地...
    依米_xx阅读 472评论 0 0

友情链接更多精彩内容