一、HTML原有的表单与表单控件
1.元素
用于生成输入表单，该元素不会生成可视化部分。如单行文本框、多行文本框、单选按钮、复选框等都需要放在元素内
form元素的重要属性：
action：指定当单击表单内的"确认"按钮时，该表单被提交到哪个位置。该属性必 填。
method：指定提交表单时发送何种类型的请求，该属性可为get或post。该属性必填。action、method用法如下：
代码语言：javascript代码运行次数：0运行复制
下面我们看一下GET请求和POST请求的区别：
GET请求：直接在浏览器地址栏中输入访问地址所发送的请求，可以看到请求参数名和值，且相对传送数据量较小。
POST请求：通常使用提交表单的方式发送，且不会在浏览器地址栏中显示发送的数据,比较安全,传送数据量较大。
可以看出get请求可以看到网址后面的数据，而post请求看不到，这样post请求就相对更安全，所以建议用post请求。
2.input元素
单行文本框：指定元素的type属性为text即可。
密码输入框：指定元素的type属性为password即可。
隐藏域：指定元素的type属性为hidden即可。
单选框：指定元素的type属性为radio即可。
复选框：指定元素的type属性为checkbox即可。
图像域：指定元素的type属性为image即可。可指定width和height。
文件上传域：指定元素的type属性为file即可。
提交、重设、无动作按钮：分别指定元素的type属性为submit、reset或batton即可。
checked：设置单选框、复选框初始状态是否处于选中状态。该属性是支持boolean值的属性，表示初始即被选中。
disable：设置首次加载时禁用此元素，该属性是支持boolean值的属性，当type=“hidden”是不能指定该属性。
maxlength：该属性值是一个数字，指定文本框中所允许输入的最大字符数。
readonly：指定该文本框内的值不允许用户修改。该属性是支持boolean值的属性，表示该元素的值是只读的。
实例代码如下：
代码语言：javascript代码运行次数：0运行复制 单行文本框：
不能编辑的文本框：
readonly="readonly"/>
密码框：
隐藏域：
第一组单选框：
红：
绿：
蓝：
第二组单选框：
男性：
女性：
value="female"/>
两个复选框：
value="leegang.org"/>
value="crazy.org"/>
文件上传域：
图像域：
alt="登录背景图" width="340" height="210"/>
下面是四个按钮：
生日：
邮件地址：
在这里插入图片描述以上是近期总结,只有经常练习使用这些元素,才能熟练掌握.