zoukankan      html  css  js  c++  java
  • 3.表单form

    表单

    表单的作用是收集信息。

    表单的组成

    ◆提示信息

    表单控件

    1.表单域

    属性:action:处理信息

    method=”get | post”   

    get通过地址栏提供(传输)信息,安全性差。

    post 通过1.php来处理信息,安全性高。

    2.文本输入框

    maxlength="6"    限制输入字符长度

    readonly=”readonly”  将输入框设置为只读状态(不能编辑)

    disabled="disabled"  输入框未激活状态

    name="username"   输入框的名称

    value="大前端"     将输入框的内容传给处理文件

    3.密码输入框

    ★注意:文本输入框的所有属性对密码输入框都有效。

    4.单选框

    ★只有将name的值设置相同的时候,才能实现单选效果。

    checked=”checked” 设置默认选择项。

    5.下拉列表

    <select>
    <option>下拉列表选项</option>
    <option>下拉列表选项</option>
    </select>

     

    属性:

    multiple=”multiple”  将下拉列表设置为多选项

    selected=”selected”  设置默认选中项目

    <optgroup></optgroup>   对下拉列表进行分组。

    Label=””  分组名称。

    6.多选框

    checked=”checked” 设置默认选中项

    7.多行文本框

    cols  控制输入字符的长度。

    rows  控制输入的行数

    8.文件上传控件

    9.文件提交按钮

    ★:可以实现信息提交功能

    10.普通按钮

    ★不能提交信息,配合JS使用。

    11.图片按钮

    ★图片按钮可实现信息提交功能

    ◆重置按钮

    ★将信息重置到默认状态

    ◆表单信息分组

    <fieldset></fieldset>    对表单信息分组

    <legend></legend>      表单信息分组名称
    html5补充表单控件

    标签语义化

    好的语义化的网站标准就是去掉样式表文件之后,结构依然很清晰。

    标签语义化概念:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)

    -标签语义化意义:

             1:网页结构合理

              2:有利于seo:和搜索引擎建立良好沟通,有了良好的结构和语                         义你的网页内容自然容易被搜索引擎抓取;

              3:方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)

              4:便于团队开发和维护

    1:尽可能少的使用无语义的标签divspan

    2:在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利;

    3:不要使用纯样式标签,如:bfontu等,改用css设置。

    4:需要强调的文本,可以包含在strong或者em标签中strong默认样式是加粗(不要用b),em是斜体(不用i);

  • 相关阅读:
    Selenium自动化Chrome浏览器 在windows下窗口最大化
    Linux下的压缩解压缩命令详解及实例
    Windows下及Mac下的IntelliJ IDEA快捷键
    Missing artifact com.oracle:ojdbc6:jar:10.2.0.4.0问题解决 ojdbc包pom.xml出错
    使用cmd命令进行导入
    导入dmp文件时,需要删除原有ORACLE数据库实例
    HTML编码规范、CSS编码规范
    javascript函数与表达式
    JS中闭包、函数与对象的介绍和用法
    JS中typeof和instanceof用法区别
  • 原文地址:https://www.cnblogs.com/weihu/p/8143033.html
Copyright © 2011-2022 走看看