zoukankan      html  css  js  c++  java
  • 第三章 XHTML 表单

    1、表单的主要作用在于在网页上提供一个图形用户界面,以采集和提交用户输入的数据。

    2、HTML表单元素和属性可以分为两种类型:定义表单整体结构,使浏览器知道如何处理表单数据的元素;创建输入控件的元素。

    3、表单是一个包含表单元素的区域;表单元素是允许用户在表单中输入信息的元素。

    <form> 里面有action属性=服务器地址    method 属性=方法

    4、***<input>  规定了用户可以输入的类型

    其中type属性 =text--文本框  = password—密码框  =submit  提交按钮 =button 按钮  =reset 重置按钮

             submit 可以触发action

    ***<textarea> 文本域 name——名称,id——标识符,cols—列,rows—行 maxlength——最大字符数    readonly—只读,可以复制  disabled—禁止操作

    ***<button>  input type=button  value=名称//<button>名称</button>

    有disabled属性和formaction属性(url) 普通按钮,触发form里的action  方便被css里改变样式

    ***<select> 下拉框 每个选项需要用<option>定义 option里有value属性,是提交给服务器的。select 有disabled—禁用,size—一次性显示多少选项   multiple当该属性为真时可以复选选项

    ***<label> 为input元素定义标注

    ***<fieldset> 分组框  <legend> 框的标题  可以用来将表单内的相关元素进行分组

             ***<radio> 单选按钮 input type=”radio” 通过相同的name属性将单选按钮分为同一组

             ***<checkbox> 复选按钮

    5、<iframe> 定义一个内联框架 属性src=url。

             ***<link>导入外部css文件

             ***<table>定义表格 属性border=表格边框样式  <tr>定义表格行 <th>定义表头  <td>定义每个单元格。

             td里有colspan、rowspan属性,合并列和合并行

             ***<colgroup>  <col> style定义了一列元素的样式 <col>中有一个span属性,定义几列

             ***<thead><tbody><tfoot>也可以定义表头,表身,表尾巴,此样式方便被识别、搜索。

    6、样式和布局

             ***<div>定义文档中的一个分隔区块或者一个区域部分。标签常用于组合块级元素,以便通过css来对这些元素进行格式化。

    ***<span> 用于对文档中的行内元素进行组合。//可以用来包含文本、提示

             ***<ul> <li>定义无序列表    多用于做导航

             ***<ol> <li>有序列表

             ***<dl> <li>自定义列表 <dt>项目名字  <dd>项目内容

             ***<menu>定义命令列表或者菜单。通常用于文本菜单,工具条和命令列表选项。

    HTML支持多种输入控件,包括文本框、单选框、图像等等。用来创建HTML输入控件的元素有三种:<input>元素使用type属性定义不同的控件,包括文本和口令字段、复选框、单选框、提交和重置按钮、文件、隐藏域和图像;<select>和<option>二者组合使用,创建一个下拉列表下拉列表;<textarea>创建一个多行输入的文本框。

  • 相关阅读:
    Nginx使用GeoIP模块来限制地区访问
    CenTOS7使用ACL控制目录权限,只给某个用户访问特定目录
    CentOS配置服务开机自启
    设置普通用户输入sudo,免密进入root账户
    Centos安装git并配置ssh
    ThreadLocal线程隔离
    Spring cloud 超时配置总结
    Hystrix超时测试
    mysql limit分页查询效率比拼
    linux CPU100%异常排查
  • 原文地址:https://www.cnblogs.com/littlejava/p/5547519.html
Copyright © 2011-2022 走看看