zoukankan      html  css  js  c++  java
  • html学习第一天笔记——第六章节


    <input type="reset" value="重置"> 使用重置按钮,重置表单信息
    <input type="submit" value="提交"> 使用提交按钮,提交数据
    <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 使用单选框radio/checkbox复选框,让用户选择
    <input type="text/password" name="名称" value="文本" /> 文本输入框、密码输入框
    <textarea rows="行数" cols="列数">文本</textarea> 文本域,支持多行文本输入
    <select multiple="multiple"> 使用下拉列表框进行多选

    第四五章节的总结



    form表单中的label标签
    小伙伴们,你们在前面学习表单各种控件的时候,有没有发现一个标签--label,这一小节就来揭晓它的作用。
    label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。
    语法:
    <label for="控件id名称">
    注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
    例子:

    <form>
    <label for="male">男</label>
    <input type="radio" name="sex" id="male" />
    <br />
    <label for="female">女</label>
    <input type="radio" name="sex" id="female" />
    <label for="email">输入你的邮箱地址</label>
    <input type="email" id="email" placeholder="Enter email">
    </form>
    

      

    CSS样式的优势

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>CSS样式的优势</title>
    <style type="text/css">
    span{
    color:blue; /*color:red则 <span></span>中间的颜色变红*/
    }
    </style>
    </head>
    <body>
    <p>慕课网,<span>超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;<span>服务及时贴心</span>,内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手!</p>
    </body>
    </html>
    

      

    CSS代码语法
    css 样式由选择符和声明组成,而声明又由属性和值组成

    选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。
    声明:在英文大括号“{}”中的的就是声明,

    属性和值之间用英文冒号“:”分隔

    当有多条声明时,中间可以英文分号“;”分隔

    如下所示:
    p{font-size:12px;color:red;}
    注意:
    1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。
    2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示:
    p{
    font-size:12px;/*为12px*/
    color:red;/*颜色为红色*/
    }

    CSS中也有注释语句:用/*注释语句*/来标明Html中使用<!--注释语句-->)。

  • 相关阅读:
    js例子
    js表单验证
    Python之Numpy的基础及进阶函数(图文)
    Numpy库的下载及安装(吐血总结)
    世界,你好!
    用逻辑回归模型解决互联网金融信用风险问题
    用逻辑回归模型解决互联网金融信用风险问题
    如何建立投资模型
    如何建立投资模型
    秒懂数据类型的真谛—Python基础前传(4)
  • 原文地址:https://www.cnblogs.com/dapangsen/p/4253698.html
Copyright © 2011-2022 走看看