zoukankan      html  css  js  c++  java
  • 表单与样式

    表单:

     

    1、什么是表单?

    表单是一个包含表单元素的区域。

    表演元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素

    表单使用表单标签(<form> ) 定义。

    2、表单的作用?

    (1) 给用户提供一个可以输入或者可选择的窗口。

    (2) 用来收集用户的信息。

    (3) 作为请求服务器的一种途径。

    3、变单元素: inputselecttextarea

    输入,下拉列表,文本域。

    4、表单input 元素的十大类型:

    (1)textpasswordradiocheckboxsubmitresetbuttonimagehiddenfile

    文本域、密码框、单选框、复选框、提交、重置、按钮、图片、隐藏、文件

    text 明文显示,password ***显示,radio 默认选中 checkedcheckbox 默认选中checked

    Submit提交,由action后面跟从的url路径来响应当前提交。reset将当前页面所有的表 单元素重置,button 默认没有效果只是一个小框。Image默认效果为 action 后面跟从 的路径,hidden为不会显示在页面上的一种类型用以传递数据使用,file 用来上传文件

    5、表单属性:

    action: 设置服务器上处理程序的位置,参数值是一个URL路径。

    method:设置表单的运行方式,可以取值:getpost

    (1)get的特点是信息暴露、长度不能超过255字节,传输速度相对快。

    (2)Post的特点信息隐藏,长度不限,传输速度相对慢。

    6、表单元素select

    它就只有一个option。作为下来列表的选项。默认选中区别于 radio 和 checkboxchecked而是selected

    7、表单元素 textarea:

    它的主要属性有name,cols列数 rows行数 readonly 只读属性,同selected和 checked一样,只要标示过选中,(无论里面赋什么样的值都会起到对应的作用。)

     

    样式入门:

    1、为h5的源码加上css样式需要通过选择器的方式,选择器分三种类型:

    (1)标签选择器 写法: 元素名称{对应样式举例:p{color:#F36; font-size:36px; font-family:"黑体"}

    (2)类选择器 .类名{对应样式 举例:         .testStyle1{color:#0F3;}

    (3)身份选择器 #身份名{对应样式} 举例:         #testStyle2{color:#00C;}

     

    (4)当然也可以直接在标签上添加对应的样式,成为行内样式。

     

     

    2、三种选择器的优缺点:

    标签选择器:优点:1、不用引用;2、作用范围大 缺点:1、不够灵活

    类选择器:对特定的某一种类型进行定义。定义引用。

    身份选择器(id选择器):定义引用 谁想拥有该样式,就声明自己的id为样式的相对应的名称

     

    3、三种选择器的覆盖关系,有相同属性时:

    id高于class高于标签。当然 id也并非最高,如果这个样式就写在 这个 标签上的话,那单独为这个标签儿写得样式的优先级最高。

     

    其次 关于 相同的样式 。谁最后编译,就服从谁的样式。简单讲就是 出现在css最后面的样式一定会出现在h5上面。

     

     

     

     

  • 相关阅读:
    Codeforces Round #702 (Div. 3) 题解
    Educational Codeforces Round 104 (Rated for Div. 2) A~E题解
    AtCoder Regular Contest 112 A~D题解
    Codeforces Round #701 (Div. 2) A~E 题解
    java String, StringBuffer, StringBuilder简单介绍和使用
    货仓选址
    线程的同步
    数据结构课设作业
    线程的生命周期(java 图)
    JAVA多线程的创建和使用
  • 原文地址:https://www.cnblogs.com/letben/p/5185083.html
Copyright © 2011-2022 走看看