首页 > 代码库 > HTML表单
HTML表单
一、表单【重点】
1、什么是表单及原理?
用户将网页中的数据,提交给后台数据库进行处理。
在BS模式下,便带负责将客户端的请求发送到后台查询,后台响应的结果,显示在浏览器中。
网页中的数据,通过表单的action属性,提交给后台的数据库(增、删、修、查),后台及时响应客户端,将结果显示在浏览器中。
2、表单的作用?
负责数据的提交 将数据,提交给action属性中的值(地址)
3、在HTML中,表单的语法
<form method="提交方式post丨get"action="处理页面或方法">
将表单的元素放置在该标记中
</form>
method:提交方式
实际应用中,使用post<安全性相对较高>
action:表单元素的数据,提交处理的页面或方法
action 没有值 ,提交给自己
二、表单的元素【重点】【也叫控件】
1、以<input type="值不同的">
type="text"--文本框 maxlength="最多几个"
type="password"--密码框
type="checkbox"--复选框
被选中--checked="checked"
type="radio"--单选框 必须用name
被选中--checked="checked"
readonly="readonly" 制度
type="button"--普通按钮
type="file"文件上传按钮
type="submit"--提交按钮(触发表单)
type="reset"--重置按钮
type="image"--图片按钮(触发表单)
常用属性
name=(必须相同)表单元素的名字,在同一个网页中可以有同名的
id=值 唯一的标识符
value=http://www.mamicode.com/表单元素的值
width=按钮的狂度
sizi=文本框或密码框的宽度
表单下拉框
<select>
<option selected="selected">下拉框的值</option>
</select>
文本域(多行文本框)
<textarea name="textarea" cols="列宽" rows="行宽"></textarea>
三、理解什么是语义化
1. <table>
<caption>表格的标题</caption>
<thead></thead>
</table>
2.
域--<fieldset>
域标题--<legend>
3.表单元素的标注
<lable for="表单元素的id"></lable>
Lable;也叫标签
HTML表单