第三章 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>创建一个多行输入的文本框。

时间: 2024-10-13 04:18:05

第三章 XHTML 表单的相关文章

第三章:表单

一.表单 表单就是一个将用户信息组织起来的容器: <将需要用户填写的内容放置在表单容器中,当用户单击"提交"按钮的时候,表单会将数据统一发送给服务器> 1.表单的内容: 1)创建表单后,就可以在表单中放置控件以接受用户的输入 2)这些控件通常放在<form></form>标签之间,也可以在表单之外用来创建用户界面 3)不同的表单控件有不同的用途 2.表单标签及表单属性 表单的创建:<from>...</from>该标签用于在网

《head first html与css、xhtml》——第14章xhtml表单

2015-04-10 21:13:38 1.<input>表单元素,是空元素,是内联元素.type属性可以有好多值,“text","radio","checkbox"(复选框,name属性值设为一样,不知道为啥,以后实践). 2.<textarea>不是一个空元素,所以它有结束标记. 3.<select>元素设置name属性之后,它的<option>项就不会再设置name属性了,应为发送给服务器时,就是nam

web—第三章XHTML

web—第三章XHTML 又是一周 我们学的了做表单:一开始我以为表单是表格.但结果:表单是以采集和提交用户输入数据的,这样讲很迷,说简单点就是登陆端.比如:Facebook.twitter.Instagram .非常强大的是表单不仅仅可以做登录端,注册.做一些像我们在网上购买东西选择数量或者是点菜的时候选票等等都可以. 首先最开始,就是理解表单是什么东西:表单的作用是什么? 其实很简单:先从表单的作用说起,表单的主要作用在于网页上提供一个图形用户界面,当用户输入正确的用户名和密码后,输入的数据

如何创建XHTML表单

首先奉上本菜曾经的作业--一张模仿智联招聘中的注册表单.虽然没有加样式显得很难看,但表单的基本要素已经具备了. 接下来进入正文,开始介绍各表单元素 form标签: 在创建表单时,第一步就是form标签.之后在form里添加各种你想要的表单元素.虽说不用form一样可以创建一个可以看的表单,但之后涉及到提交数据时就必须要用到form了. method为提前方式,有get和post两种,相比之下post更安全可靠,因为get方式会将用户填写的信息附在访问地址之后,具体原因之后的博文会更详细的阐述.

XHTML表单

## XHTML表单 ## HTML表单元素和属性可以分为两种类型: 1. 定义表单整体结构,是浏览器知道如何处理表单数据的元素: 2. 创建输入控件元素:          基本的表单机构 > 最小的表单格式 `<form action = "表单处理程序的URL" metho = "get|post">`属性mothod的值与相同名字的HTTP协议有关,用于得到后台数据:get(用于得到后台数据);post(安全性比get高,理论无大小限制):

2017.2.28 activiti实战--第六章--任务表单(一)动态表单(待)

学习资料:<Activiti实战> 第六章 任务表单(一)动态表单 内容概览:本章要完成一个OA(协同办公系统)的请假流程的设计,从实用的角度,讲解如何将activiti与业务紧密相连. 第四章中讲解了两种表单:动态表单和外置表单的区别.这里将使用不同的表单来完成相同的功能. 1 动态表单:<activiti:formProperty> 2 外置表单:<activiti:formKey>

随便玩玩之PostgreSQL(第三章)表连接查询

随便玩玩之PostgreSQL(第三章)表连接查询 随便玩玩之PostgreSQL 未经授权不得转载

第二章:表单和模板

在第一章中,我们学习了使用Tornado创建一个Web应用的基础知识.包括处理函数.HTTP方法以及Tornado框架的总体结构.在这章中,我们将学习一些你在创建Web应用时经常会用到的更强大的功能. 和大多数Web框架一样,Tornado的一个重要目标就是帮助你更快地编写程序,尽可能整洁地复用更多的代码.尽管Tornado足够灵活,可以使用几乎所有Python支持的模板语言,Tornado自身也提供了一个轻量级.快速并且灵活的模板语言在tornado.template模块中. 2.1 简单示例

ASP.NET MVC 中将数据从View传递到控制器中的三种方法(表单数据绑定)

转自:http://www.cnblogs.com/zyqgold/archive/2010/11/22/1884779.html 在ASP.NET MVC框架中,将视图中的数据传递到控制器中,主要通过发送表单实现的.具体使用中,主要使用以下三种方法. 1.通过Request.Form读取表单数据        2.通过FormCollection读取表单数据        3.直接读取表单数据对象 下边是我学习这些东西时的一点总结 1.通过Request.Form读取表单数据      首先定