< html >
< head >
< title >表单设计</ title >
< meta charset = "utf-8" >
</ head >
< body >
< form action = "" name = "biaodan" >
<!--<form></form>定义表单开始和结束的位置,-->
<!--属性--
name:表单的名称
method:get 和 post
action:表单数据的处理程序的url地址,
为空"",指当前文档的url地址
如果不需要action属性,也要指定其为"no"
enctype:设置表单资料的编码方式
target:和超链接的属性类似,用来指定目标窗口
-->
< input type = "TEXT" value = "默认值" size = "100" , maxlength = "200" >
<!--<input>是一个单标记!,用来指定表单的控件(嗯?控件?)-->
<!--属性
type:指定控件的类型
text:文本输入域(文本框)
password:密码输入域(带*号的文本框?)
submit:提交按钮
reset:重置按钮
button:普通按钮
radio单选按钮(单选按钮选中之后不能取消)
名字相同的单选按钮,只能有一个选中,即选中另外一个,原来的会取消选中
checkbox:复选框
两个选择按钮都可以通过设置 checked属性来设置默认项
textarea:多行文本输入域
hidden:隐藏表单域,
每个type下通用的属性
name:定义控件的名字
value:定义控件的内容
size:定义控件的长度
maxlength:文本域,最大字符长度
rows ,cols,多行文本输入域的长和宽
checked:选择框选中标志
-->
<!--<select></select>标记:菜单下拉列表域,的属性-->
<!--属性
muitiple:是否多选
size:设置列表的高度
name:设置列表的名称
-->
<!--<option ></option> 选项,必须放在<select></select>中间-->
<!--属性
value给选项赋值
selected 指定默认的选项
-->
< input type = "TEXT" name = "text" value = "默认值" size = "100" , maxlength = "200" ></ br >
< input type = "password" name = "password" value = "默认值" size = "100" , maxlength = "200" ></ br >
< input type = "submit" name"sub" value = "提交按钮" ></ br >
< input type = "reset" name = "resett" value = "重置按钮" ></ br >
< input type = "button" name = "button" value = "普通按钮" ></ br >
< input type = "radio" value ="dan1" name = "danxuan" size = "100" checked>选择1</ br >
< input type = "radio" value ="dan2" name = "danxuan" size = "100" >选择2</ br >
< input type = "checkbox" value ="fu1" name = "duoxuan" size = "100" checked>复选1</ br >
< input type = "checkbox" value ="fu2" name = "duoxuan" size = "100" >复选1</ br >
< select name = "selectt" >
< option value = "0" >第1个</ option >
< option value = "1" selected>第2个</ option >
< option value = "2">第3个</ option >
< option value = "3" >第4个</ option >
</ select >
</ form >
</ body >
</ html >
|