CSS补充三(表单表格)

表格标签 table

其格式为:

 单元格标签,左对齐
                       单元格标签,左对齐
                 单元格标签,左对齐
                       单元格标签,左对齐
                 单元格标签,左对齐
                       单元格标签,左对齐
                

单元格标签,左对齐
单元格标签, 居中加粗
td和th标签作用一样,但是格式不一样


表单标签 form

表单form:一切与数据交互有关的
action:数据提交的路径
method:提交方式(get,post二选一)

  • get请求:会把请求参数,拼写在请求url的末尾,用问号?连接。以key1=value1&key2=value2的方式
    一般情况下查询请求都是get,因为明文所以有安全隐患,但是效率较高,但有长度限制(1k)
  • post请求:会把请求参数放在“请求体”中,不是明文的。一般情况下用于数据的增删改。安全性有保证,长度无限制。

表单控件:

input标签

        name属性:表单控件的名字,与数据交互有关,很重要的属性。
        value属性:框内的数据最终都会传给value。表单控件的值,与数据交互有关,很重要的属性。
        email属性:文本框校验是否含有@。
        date属性:日期。
        image属性:具有submit功能的图片。
        hidden属性:具有隐藏域。需要向后台传递内容,又不想在前台界面上看到。
        file属性:文件域,上传文件。
        type属性:
        text 文本输入框。
        password属性:密码框中密码加密。
        radio属性:单选框,如果想互斥(只能选男或女),就需要将name属性相同,checked="checked"默认为选中状态。
        checkbox属性:向后台传递的是value数组,如果没有相同的name,则向后台传递多个数组,每个数组一个value。如果想传一个数组,多个value,必须统一name。


button标签

        submit属性按钮:带有提交数据的功能。
        resets属性按钮:带有重置表单的功能。
        button属性按钮:没有任何功能,一个纯净的按钮

  • button标签:默认自带提交功能。

select标签:下拉框

父标签select
        子标签option:select的子标签,选项标签。selected="selected"默认为选中状态。


textarea标签:多行文本域。resize: none;取消多行文本区的可变大小


一些常用属性:
readonly 只读
disabled 禁用
placeholder 占位
maxlength 最大长度




    
        
        
    
    
        
        
        

兴趣爱好: 篮球 足球 台球 排球

emai:

日期:

具有submit功能的图片

隐藏域:

你可能感兴趣的:(CSS补充三(表单表格))