关于html: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 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">

HTML

HTML 的表单

一、FORM 元素

二、表单组件

input

select

textarea

三、HTML 新增

1.input 中 type 类型

2.input 中属性