首页 > 代码库 > 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表单