标签:
[2016-01-15][html][表单设计]1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 | < 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 > |
标签:
原文地址:http://www.cnblogs.com/qhy285571052/p/5133147.html