前端学习笔记之--HTML(3)


    表单元素

       一系列元素,主要用于收集用户数据

form 表单      readonly属性:布尔属性,是否只读,不会改变表单显示样式        

                      disabled属性:布尔属性,是否禁用,会改变表单显示样式

    input元素         select元素     textarea元素    button    label    fieldset元素

    input输入框

     type属性:输入框类型

         type: text     普通文本输入框      type:password,密码框     type: date, 日期选择框,兼容性问题     type: search, 搜索框,兼容性问题 

         type: number,数字输入框        type: checkbox,多选框       type: radio,单选框

         当type值为reset、button、submit时,input表示按钮。

     value属性:输入框的值

     placeholder属性:显示提示的文本,文本框没有内容时显示


     select元素

       下拉列表选择框通常和option元素配合使用

            selected:默认被选中

            multiple :不加的化是下拉,加上multiple就是option展示     optgroup :  把选项分组

    textarea元素文本域,多行文本框

        

    button    type属性:reset、submit、button,默认值submit


    label元素

     普通元素,通常配合单选和多选框使用    显示关联

     可以通过for属性,让label元素关联某一个表单元素,for属性书写表单元素id的值     隐式关联


    datalist

     数据列表    该元素本身不会显示到页面,通常用于和普通文本框配合


    form元素

     通常,会将整个表单元素,放置form元素的内部,作用是当提交表单时,会将form元素内部的表单内容以合适的方式提交到服务器。


点击提交之后,会把信息发送到action上的地址,ajax方法是method里的方法

    fieldset元素    表单分组

     标签为 fieldset 元素定义标题。

    总结

     之上所述,基本上都是平常工作中能用到的和出现过的进行了统计编写,对用不到的就没太做解释和书写,html标签很多,还可以自定义标签,所以,只需要有用的就行了,如果工作中遇到常用的其他标签我会加上,大多数我说的不太详细,详情可w3c

你可能感兴趣的:(前端学习笔记之--HTML(3))