表单元素:
<form id="" name="" method="post/get" action="" ></form>
一.<form>的属性:
1. action- 规定提交给某一个网页。
2. method-数据提交的方式:
method有两种提交方式get:提交有长度限制,并且编码后的内容在地址栏中可见.
post:提交无长度限制,并且编码后的内容不可见。(常用)
3. target-页面打开方式,主要有以下两种常用:
_blank是指将返回的信息显示在新打开的窗口中
_self是指返回的信息显示在当前窗口中
二.输入标签:
文本输入1.文本框<input>(type="text" value文本框的值 name文本框的名称)
2.密码框<input>(type="password" value密码框的值)
3.隐藏域<input>(type="hidden" value密码框的值 name)
按钮输入1.普通按钮<input>(type=button name-按钮的名称 value按钮上显示的文字)作用:只显示一个按钮,点上去没有反映。
2.提交按钮<input>(type=submit name-按钮的名称 value按钮上显示的文字)作用:点击后转到form内的提交服务器的地址。
3.重置按钮<input>(type=reset 将 name-按钮的名称 value按钮上显示的文字)作用:将表单里的内容重置。
4.图片按钮<input>(type=image提交数据 name-按钮的名称。src-图片按钮的地址。)
选择输入1.单选按钮<input>(type="radio" name-按钮名称和组名 value按钮的值)
<input type="radio" name="sex" valur="" />男
<input type="radio" name="sex" valur="" />女
单选按钮里面。name必须一样。形成互斥关系。只能选一个。
2.复选框<input>(type="checkbox"name-复选框名称value复选框的值)
3.下拉列表<select>代表下拉列表。里面有个属性name-下拉列表名称
<option>代表项 它有个属性value代表该项的值
<select>
<option>张店</option>
<option>桓台</option>
<option>周村</option>
</select>
表示下拉列表里面有张店,桓台,周村三个选项。
4.文件选择<input type="file"name=""value="" />
5.其它属性:
readonly-只读。
disabled-不可用(不能提交)
hidden---隐藏
checked--radio和checkbox中用来做选中
selected用在下拉列表中用来做选中