HTML

HTML的表单

一、FORM元素

form元素用来定义。

<form acton="" method="" enctype=""></form>

作用：
用于数据的交互

属性：

  • action 拜访接口的地址
指定表单被提交到某一服务器页面上，省略时默认为以后页面
  • method 表单提交的形式
规定提交时HTTP的办法：POST和GET

TIPS：post和get形式的区别？

get办法    1. 会将申请的数据拼接再浏览器的地址栏上，不平安   2. 申请数据的大小有限度post办法   1. 会将数据放在申请体中，比拟平安，不会被他人看到      申请行+申请头+申请体   2. 对于申请数据的大小个别没有限度
  • enctype 编码类型
规定表单数据编码类型：
application/action-www-form-urlencoded ：在发送前编码所有字符（默认）
multipart/form-data：不对字符编码

TIPS：增加文件附件时需注意！

增加文件附件时，enctype不能为application/action-www-form-urlencoded必须为enctype=" multipart/form-data"且 method="post"
二、表单组件
input

<input> 元素依据type属性来扭转状态

<input  type="" name="">

type属性有以下几种：

  • text
    供文本输出的单行输出字段
  • password
    明码字段，会被做掩码解决

  • radio
    定义单选按钮，name雷同则互斥，checked默认抉择

    <label> 能够将单选按钮radio的圆圈和文字合并为一个整体，便于用户应用
  • checkbox
    定义复选框， name:组名；value:惟一id ； checked:默认抉择
  • reset
    定义重置表单按钮
  • submit
    定义提交表单的按钮，value属性能够定义按钮文本
  • button
    定义按钮
  • file
    文件附件按钮
select

下拉列表

<selected name="food">    <option value="sk">烧烤</option>    <option value="hg">火锅</option>    <option value="nc">奶茶</option></selected>
textarea
定义多行输出字段 ，cols=""（列） rows=""（行）
三、HTML新增
1.input中type类型
  • time 容许用户抉择工夫
  • date 蕴含日期的输出字段
  • week 容许用户抉择周和年
  • month 抉择月份和年份
  • datetime 容许用户抉择日期和工夫（有时区）
  • datetime-local 容许用户抉择日期和工夫（无时区）
  • email 蕴含电子邮件地址的输出字段
  • number 蕴含数字值的输出字段
  • range 蕴含肯定范畴内的值的输出字段
  • search 用于搜寻字段
  • color 蕴含色彩的输出字段
  • tel 蕴含电话号码的输出字段
  • url 蕴含 URL 地址的输出字段
2.input中属性
  • autocomplete 属性规定表单或输出字段是否应该主动实现
  • novalidate 属性规定在提交表单时不对表单数据进行验证
  • autofocus 属性在页面加载时主动取得焦点
  • placeholder属性向用户显示描性阐明或者提示信息
  • min / max 属性将 range 输入框的数值输出范畴限定在最低值和最高值之间
  • step 个性可能制订输出值递增或递加的梯度
  • required 属性规定此项必镇
  • pattern 属性规定用于查看 <input> 元素值的正则表达式
  • multiple 属性规定容许用户在 <input> 元素中输出一个以上的值，用于email 和 file

<iframe>
能够引入别的网页，比方天气，工夫，股票

<iframe src="http://i.tianqi.com/index.php?c=code&id=17"  style="border:solid 1px rgb(255, 255, 255)"  frameborder="0" marginwidth="0" marginheight="0" scrolling="no">