html第三章示例,HTML第三章(示例代码)

第三章 表单

1.什么是表单：

表单就是一个将用户信息组织起来的容器。将用户需要填写的内容放置在表单容器中，当用户单击“提交”按钮的时候，表单会将数据统一发送给服务器。

2.表单标签及表单属性：

规定如何发送表单数据常用值post或get用表单数据

如何发送表单数据

规定如何发送表单数据

表示向何处发送表单数据

名字：

密码：

name=”mima”type=”password”>

按钮：

value=”重填”>

input元素类型

input元素的值

input元素名称

属性

说明

type

指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image 和 button，默认为

text

name

指定表单元素的名称。

value

元素的初始值。type 为 radio时必须指定一个值

size

指定表单元素的初始宽度。当 type 为

text 或 password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位

maxlength

type为text 或 password 时，输入的最大字符数

checked

type为radio或checkbox时，指定按钮是否是被选中

默认值

文本框的长度

输入的数据长度

列：

登录名：

type=”text” value=”张”  size=”30” maxlength=”20” >

3.单选按钮：

性别： 男 

name=”gen” type=”radio” class=”input”value=”女”>女

4.复选框：

爱好：

value=”sports”>运动

value=”talk”>聊天

value=”play”>玩游戏

5.列表框：

action=””>

value=”” >选择月份

value=”1” >一月

value=”2” >二月

value=”3” >三月

value=”4” >四月

value=”5” >五月

月

单选按钮/复选框

选项默认

单选按钮

checked=” checked”

复选框

selected=” selected”

6.按钮：

1.button 普通按钮

2.submit 提交按钮

3.reset  重置按钮

type=”reset”name=”chongzhi”value=”重置”>

7.多行文本域：

name=”textarea” cols=”显示的列的宽度” rows=”显示的行数”>

8.文件域：

9.表单的高级应用：

设置表单的隐藏域：

method=”get”>

用户名：

密码 ：

type=”submit”value=”提交”>

将type属性改为hidden隐藏类型即可创建一个隐藏域

type=”hidden” value=”666” name=”userid”>

10.表单只读与禁用设置：

只读

readonly=”readonly”

禁用

disabled=”disabled”

11.语义化的表单：

域：在表单中可以使用

标签实现域的定义。简单的来说就是将一组表单元素放到标签内时，浏览器就会以特殊方式来显示它们，这些表单元素可能有特殊的边界效果。

域标题：所谓的域标题就是给创建的域设置一个标题。设置域标题需要使用一个新的标签，标签，在该标签内的内容就被视为域的标题。

用户信息

姓名：

年龄：

手机：

邮箱：

type=”text”>

12.表单元素的标注

对表单元素进行标注，这样做的目的是为了增强鼠标的可用性。用表单元素标注时，在客户端呈现的效果不会有任何的改进。但是如果当用户使用鼠标单击标注文本内时，浏览器会自动将焦点转移到与该标注相关的表单元素上。

请选择性别：

name="xingbie" type="radio"

id="n" value="男" checked="checked"

/>

男 

id="l" value="女"  />

女