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

选择1
选择2
复选1
复选1
第1个第2个第3个第4个


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>

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

来自为知笔记(Wiz)

时间: 2024-07-31 07:44:38

[2016-01-15][html][表单设计]的相关文章

通达OA工作流-表单设计

第1章    什么是工作流 1.1    工作流的用途 随着企业管理信息化进程的不断深入,协同应用软件的概念已深入人心,而工作流系统正是协同应用软件的核心.通过应用 IT 技术来规范工作流程.提高工作的执行效率和准确度.使企业运营更加高效.规范.稳健,是工作流系统主要解决的问题. Office Anywhere 内置的工作流系统,适用于各行各业,实现企业各类业务的申请.审批.会签.登记.操作等环节的管理,将协同工作的过程进行详细记录,便于日后审核与查询,并实现业务数据的规范化录入.查询.统计.打

33个与众不同的Web表单设计

表单在web设计中很重要,因为它具有直接的用户交互.创新?有趣?富有色彩?设计一个交互,需要设计师关注登陆/注册表单的设计元素. 这里有33个与众不同的web表单设计,希望能使你获得设计灵感. 1. Buffalo – Proposal Planner 2. We love icons 3. TinyBas 4. Justalab 5. Launchlist 6. Christian Sparrow 7. AudioLogic 8. Nike Running 9. Brianhandley de

asp.net 微信企业号办公系统-表单设计-新建表单(属性设置)

点击表单设计工具栏上的 新建表单 按钮会弹出新表单属性设置框: 表单名称:新表单表名称. 数据连接:表单对应的数据库连接(此连接在 系统管理-->数据库连接 中维护). 数据表:表单对应的数据库表. 主键:数据库表的主键(主键只能是自增的int型,或uniqueidentifier(guid)类型). 标题字段:业务表中的哪个字段数据来作为待办任务的标题. 程序库分类:表单的分类,此分类在 数据字典 中维护. 任务标题:是否自动生成标题,如果是自动生成则会以 流程名称(发起者姓名) 的形式自动生

Activiti 工作流表单设计及开发

一.前言 Activiti 5对表单的支持目前还是比较弱的,表现在对表单的开发还需要写Freemark模板,并且它的模板还需要跟class文件一起打包发布.这使得流程的表单设计必须由开发人员来开发处理.因而,开发一套易用性强的流程表单功能就显得很有必要. 二.需求 用户一般都希望能有如Microsoft的Office套件中的InfoPath那样,可以自己进行设计,并且能与工作流程绑在一起进行流转处理.如下所示: 表单中每个字段有固定的数据类型,并由不同的数据控件展示,如日期.数字.单选或多选.下

asp.net 微信企业号办公系统-表单设计-保存与发布

表单的过程中可以随时保存,以便下次继续设计. 表单设计完成后即可点击发布按钮,发布表单,发布表单后即可在流程设计时选定该表单.

移动应用表单设计秘籍

一直想写一篇文章,关于移动应用表单设计的,可惜最近项目很忙,忙到没有时间打理博客.最近体验产品的时候,经常看到错误的的表单设计,要么信息混乱,要么步骤繁复.要么语言程序化,要么视觉焦点跳跃,要么校验顺序混乱,要么反馈不及时,如此种种的问题,让我很想认真的总结一下,思考一下,为移动应用的表单设计,提供一些个人力所能及的建议,希望更多地设计师能认真思考移动应用表单的特殊性,能最大限度的提升表单设计的体验,提升效率,提高满意度. 本文将从清晰的视觉纵线.信息的分组.极致的减法.利用选择代替输入.标签及

Web标准:九、CSS表单设计

Web标准:九.CSS表单设计 知识点: 1.改变文本框和文本域样式 2.用图片美化按钮 3.改变下拉列表样式 4.用label标签提升用户体验 1)改变文本框和文本域样式 文本框标签:<input type="text" value="" class=""> 给这些文本框增加css样式,改变他们的样式: 最终显示效果如下: 文本域标签:<textarea id="" class="" r

HTML 自学笔记(HTML框架+表单设计)

HTML框架 什么是框架:将浏览器划分成不同部分,每一部分加载不同的网页,用以实现在同一浏览器窗口中加载多个页面的效果. <frameset> 划分框架标记. 语法格式:<frameset>...</frameset> 属性: cols 使用"像素值"和"%"分割左右窗口,"*"表示剩余部分.若使用"*,*,*"则表示框架平均分成3个.若使用"*,*"则表示框架平均分成2

HTML语言——表单设计

表单设计 1   表单标记   <form>...</form> 1.1   什么是<form> <form></form>定义表单的开始位置和结束位置,表单提交时的内容就是<form>表单中的内容 1.2   基本格式 <form acrion="服务器端地址(接收表单内容的地址)" name="表单名称" method="posrlget">...</f