在解说今天Html表单之前。还是先看张图片来刺激一下。
源代码
超链接演示仿百度搜索框
请输入要搜索的内容：
看了上图百度的搜索页面，有木有心动一下，别慌你也能够的。这就是我们今天要讲的表单。
什么是Html表单——(可输入控件)
表单用于搜集不同类型的用户输入。
表单的功能
从訪问您的Web网站的用户那里获得信息。
訪问者能够使用诸如文本域、列表框、复选框以及单选button之类的表单元素输入信息，然后单机某个button提交这些信息。
client与server端进行信息交流的途径
表单的标记
Form标记用于创建一个表单，定义表单的開始与结束。它是一个容器。用于包括其它表单元素。比如文本框、单选框等。表单元素必须入在form标记内才有作用。
POST方法能够传递大量信息
GET方法将值附加到请求该页的URL中，适合传递少量信息(默认方式)
上面讲述了表单的标记和基本结构。那么以下就该讲述那些可输入控件——表单元素标记
单行文本框
maxlength=”最多容纳字符数” readonly=”readonly”(设置为仅仅读) disabled=”disabled”(设置为不可操作)>
password框
--------------------------------------------------------------------------------------------------------------------------------------------------------------
单选框
复选框
列表框
菜单式
列表1
列表2
……
列表式
列表1
…….
浏览框
表单外框
…定义环绕表单中元素的边框…legend元素为fieldset元素定义标题
多行文本框
button
name=”button名称” value=”button显示文本”/>
图片button
上面就是表单元素的全部标记，有这么多是否是想记住呢？SAY NO。敲个小demo熟悉下就OK了。
源代码
表单演示学生登录系统
| 学生姓名: | |
| password： | |
| 性别： | 男 女 |
| 个人爱好： | 音乐 美术 电影 |
| 交友目的： | 普通朋友 爱人 |
| 照片上传: | |
| 个人简单介绍: | |
| 城市 | 海淀 朝阳 东城 北京 上海 天津 广东 南京 |
小结：
今天学习了下Html中的表单。说起来起始跟平时学习的编程语言中的控件非常类似，或者能够说就是控件。仅仅只是平时我们都是从工具栏中直接拖进来的。而在HTML中须要自己来创建，没有本质上的差别。
建立表单后，就開始设计表单标记的一些属性，与编程语言中的设计大相径庭。
刚開始学习Html的时候，感觉跟Excel特别相似，如今感觉跟编程语言又特相似。须要一些美工的基础，学习有时候就这样，在逐步的认识中逐渐带你进入还有一个“世外桃源”
版权声明：本文博客原创文章，博客，未经同意，不得转载。
