HTML表单详解

一,基本的表单标签及属性

input 标签 输入表单

属性:text 定义输入文本

radio定义单选按钮 同组单选按钮 name属性值必须统一 这样才能实现单选,(checked="checked"可以设定初始值)

checkbox 复选框

button普通按钮,可以通过value设定按钮显示名称

submit提交按钮

reset重置按钮

file 文件域:可以提交文件

image属性 可以设置图片提交按钮, 后面紧跟src属性,定义图片的路径

textarea标签

文本域 cols="30" rows="20" 这两个属性可以定义文本域的行和列

lable标签

用于绑定表单元素,当点击label标签的时候,被绑定的表单就会获得输入焦点 通过id值绑定

fieldset标签

通过fieldse定义带有边框的文本域

健康信息 身高: 体重:

表单

请输入用户名:


请输入密码:


请选择性别:


请选择你的爱好: 篮球

吉他

唱歌

做饭


请选择你的出生年份:




请选择文件:


健康信息

身高:

体重:





二,表单域

form标签被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,发form中的所有内容都会被提交给服务器.

form标签的属性 action="url地址" method="提交方式" name="表单名字"

1. Action在表单收集到信息后,需要将信息传递给服务器进行处理, action属性用于指定接收并处理表单数据的服务器程序的url地址。 2. method用于设置表单数据的提交方式,其取值为get或post。 3. name用于指定表单的名称,以区分同一个页面中的多个表单。

表单域

请输入用户名:



请输入密码:



请选择性别:



请选择你的爱好: 篮球

吉他

唱歌

做饭



请选择你的出生年份:









请输入身份证号码: