码迷,mamicode.com
首页 > Web开发 > 详细

[2016-01-15][html][表单设计]

时间:2016-01-15 14:28:12      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:

[2016-01-15][html][表单设计]





选择1
选择2
复选1
复选1


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>

有个问题,就是选择框,在选择的时候只能点那个点,,而不能点标题就选中!





[2016-01-15][html][表单设计]

标签:

原文地址:http://www.cnblogs.com/qhy285571052/p/5133147.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!